feat(member): keep text selection in the overview table from opening the member

assets/js/app.js

@@ -103,6 +103,29 @@ Hooks.TableRowKeydown = {
   }
 }
 
+// RowSelectionGuard: distinguish drag-to-select-text from a plain click on the members table.
+// LiveView fires the row navigation push (select_row_and_navigate) on any click. When the user
+// drags across a cell to select text (e.g. an email to copy) and releases, the mouseup produces a
+// non-empty text selection; in that case we swallow the click in the capture phase so navigation is
+// suppressed. A plain click leaves the selection collapsed and navigates as before.
+Hooks.RowSelectionGuard = {
+  mounted() {
+    this.handleClickCapture = (e) => {
+      const selection = window.getSelection()
+      if (selection && !selection.isCollapsed && selection.toString().trim() !== "") {
+        e.preventDefault()
+        e.stopPropagation()
+      }
+    }
+    // Capture phase so this runs before LiveView's bubbling phx-click handler.
+    this.el.addEventListener("click", this.handleClickCapture, true)
+  },
+
+  destroyed() {
+    this.el.removeEventListener("click", this.handleClickCapture, true)
+  }
+}
+
 // FocusRestore hook: WCAG 2.4.3 — when a modal closes, focus returns to the trigger element (e.g. "Delete member" button)
 Hooks.FocusRestore = {
   mounted() {