From 3443c8fb654a4223a866ee162ba91d464d7e7c2a Mon Sep 17 00:00:00 2001
From: Rizumu Ayaka <rizumu@ayaka.moe>
Date: Sat, 6 Dec 2025 02:04:43 +0800
Subject: [PATCH] fix: unintended text selection when resizing the splitter
 (#7187)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-7187-fix-unintended-text-selection-when-resizing-the-splitter-2c06d73d365081b38644daa1f07fa1fb)
by [Unito](https://www.unito.io)

---------

Co-authored-by: DrJKL <DrJKL0424@gmail.com>
---
 src/components/LiteGraphCanvasSplitterOverlay.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/components/LiteGraphCanvasSplitterOverlay.vue b/src/components/LiteGraphCanvasSplitterOverlay.vue
index 960b0cfac..3cde0a090 100644
--- a/src/components/LiteGraphCanvasSplitterOverlay.vue
+++ b/src/components/LiteGraphCanvasSplitterOverlay.vue
@@ -19,6 +19,7 @@
         :pt:gutter="getSplitterGutterClasses"
         :state-key="sidebarStateKey"
         state-storage="local"
+        @resizestart="onResizestart"
       >
         <SplitterPanel
           v-if="sidebarLocation === 'left'"
@@ -50,6 +51,7 @@
             "
             state-key="bottom-panel-splitter"
             state-storage="local"
+            @resizestart="onResizestart"
           >
             <SplitterPanel class="graph-canvas-panel relative">
               <slot name="graph-canvas-panel" />
@@ -97,6 +99,7 @@
 
 <script setup lang="ts">
 import Splitter from 'primevue/splitter'
+import type { SplitterResizeStartEvent } from 'primevue/splitter'
 import SplitterPanel from 'primevue/splitterpanel'
 import { computed } from 'vue'
 
@@ -148,6 +151,13 @@ const getSplitterGutterClasses = computed(() => {
   // Empty string - let individual gutter styles handle visibility
   return ''
 })
+
+/**
+ * Avoid triggering default behaviors during drag-and-drop, such as text selection.
+ */
+function onResizestart({ originalEvent: event }: SplitterResizeStartEvent) {
+  event.preventDefault()
+}
 </script>
 
 <style scoped>