fix: text selection on table row triggers visit

app/javascript/js/controllers/table_row_controller.js

@@ -1,11 +1,20 @@
 import { Controller } from '@hotwired/stimulus'
 
 export default class extends Controller {
+  connect() {
+    this.isSelecting = false
+    this.#bindSelectionEvents()
+  }
+
   visitRecord(event) {
     if (event.type !== 'click') {
       return
     }
 
+    if (this.#isTextSelected()) {
+      return
+    }
+
     // We won't navigate if shift is pressed. That is usually used to select multiple rows.
     const isShiftPressed = event.shiftKey
     // We won't navigate if the user clicks on the item selector cell
@@ -33,6 +42,31 @@ export default class extends Controller {
     }
   }
 
+  #bindSelectionEvents() {
+    this.element.addEventListener('mousedown', this.#handleMouseDown.bind(this))
+    this.element.addEventListener('mousemove', this.#handleMouseMove.bind(this))
+  }
+
+  #handleMouseDown() {
+    this.isSelecting = false
+  }
+
+  #handleMouseMove(event) {
+    if (event.buttons === 1) { // Left mouse button is being held
+      this.isSelecting = true
+    }
+  }
+
+  #isTextSelected() {
+    if (this.isSelecting || window.getSelection().toString().length > 0) {
+      this.isSelecting = false
+
+      return true
+    }
+
+    return false
+  }
+
   #visitInSameTab(url) {
     window.Turbo.visit(url)
   }