Fix drag n drop selection issue [SCI-11846]

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"

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;

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',