From f29b56ca27305beb37916fd63de6f145940de18f Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Fri, 25 Jul 2025 14:43:18 +0200
Subject: [PATCH] Fix drag n drop selection issue [SCI-11846]

---
 app/javascript/vue/shared/content/checklist.vue        | 3 +++
 app/javascript/vue/shared/datatable/modals/columns.vue | 9 ++++++++-
 app/javascript/vue/shared/menu_dropdown.vue            | 2 +-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/shared/content/checklist.vue b/app/javascript/vue/shared/content/checklist.vue
index 35c4e45ed..eb4285faf 100644
--- a/app/javascript/vue/shared/content/checklist.vue
+++ b/app/javascript/vue/shared/content/checklist.vue
@@ -55,6 +55,9 @@
             :inRepository="inRepository"
             :draggable="checklistItems.length > 1"
             :data-e2e="`${dataE2e}-checklistItem${element.id}`"
+            :class="{
+              'select-none': reordering
+            }"
             @editStart="editingItem = true"
             @editEnd="editingItem = false"
             @update="saveItem"
diff --git a/app/javascript/vue/shared/datatable/modals/columns.vue b/app/javascript/vue/shared/datatable/modals/columns.vue
index 5f2302bf2..db1200d68 100644
--- a/app/javascript/vue/shared/datatable/modals/columns.vue
+++ b/app/javascript/vue/shared/datatable/modals/columns.vue
@@ -17,12 +17,14 @@
               :forceFallback="true"
               :handle="'.element-grip'"
               item-key="field"
+              @start="startReorder"
               @end="endReorder"
             >
               <template #item="{element}">
                 <div
                   class="flex items-center gap-4 py-2.5 px-3 group/column"
                   :class="{
+                    'select-none': reordering,
                     'hover:bg-sn-super-light-grey': element.field !== 'pinnedSeparator',
                     '!py-2.5': element.field === 'pinnedSeparator',
                     'text-sn-grey': (element.field !== 'pinnedSeparator' && !columnVisbile(element))
@@ -77,7 +79,8 @@ export default {
   data() {
     return {
       currentTableState: {},
-      columnsList: []
+      columnsList: [],
+      reordering: false
     };
   },
   created() {
@@ -142,7 +145,11 @@ export default {
         ...columns.slice(pinnedAmount - 1)
       ];
     },
+    startReorder() {
+      this.reordering = true;
+    },
     endReorder(event) {
+      this.reordering = false;
       this.$nextTick(() => {
         const { newIndex } = event;
         const columnName = this.columnsList[newIndex].field;
diff --git a/app/javascript/vue/shared/menu_dropdown.vue b/app/javascript/vue/shared/menu_dropdown.vue
index 26b2737f1..291f9fbd8 100644
--- a/app/javascript/vue/shared/menu_dropdown.vue
+++ b/app/javascript/vue/shared/menu_dropdown.vue
@@ -9,7 +9,7 @@
     <template v-if="isOpen">
       <teleport to="body">
         <div ref="flyout"
-            class="fixed z-[3000] sn-menu-dropdown bg-sn-white rounded p-2.5 sn-shadow-menu-sm flex flex-col gap-[1px]"
+            class="fixed z-[3000] sn-menu-dropdown max-h-96 overflow-y-auto bg-sn-white rounded p-2.5 sn-shadow-menu-sm flex flex-col gap-[1px]"
             :class="{
                 'right-0': position === 'right',
                 'left-0': position === 'left',