Prevent highlight on drag

NASA-AMMOS · Dec 19, 2024 · b6b8479 · b6b8479
1 parent 8e1bb93
commit b6b8479
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/timeline/RowHeaderDragHandleWidth.svelte b/src/components/timeline/RowHeaderDragHandleWidth.svelte
@@ -31,10 +31,12 @@
 
   function onMouseDown(): void {
     document.addEventListener('mousemove', onMouseMove, false);
+    document.body.classList.add('prevent-selection');
   }
 
   function onMouseUp(): void {
     document.removeEventListener('mousemove', onMouseMove, false);
+    document.body.classList.remove('prevent-selection');
   }
 </script>
 
@@ -51,6 +53,9 @@
 </div>
 
 <style>
+  :global(.prevent-selection) {
+    user-select: none;
+  }
   .row-header-drag-handle-width {
     height: 100%;
     pointer-events: none;