ketekny-ui-kit 1.0.36 → 1.0.37

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ketekny-ui-kit",
   "type": "module",
-  "version": "1.0.36",
+  "version": "1.0.37",
   "description": "A Vue 3 UI component library with Tailwind CSS styling",
   "main": "index.js",
   "files": [

package/src/ui/kDatatable.vue

@@ -43,7 +43,7 @@
             :disabled="disabled || !isItemSelectable(slotItem)"
             :title="!isItemSelectable(slotItem) ? 'Row is not selectable' : ''"
             @mousedown="captureSelectionInteraction"
-            @click.stop="captureSelectionInteraction"
+            @click.stop
             @change="($event) => handleItemSelectionChange($event, slotItem)"
           />
         </div>
@@ -191,6 +191,16 @@ export default {
   methods: {
     captureSelectionInteraction(event) {
       this.pendingShiftSelection = Boolean(event?.shiftKey || this.isShiftKeyPressed);
+      if (event?.type === "mousedown" && event?.shiftKey && typeof event.preventDefault === "function") {
+        // Prevent browser range-text selection while using Shift+click for row-range selection.
+        event.preventDefault();
+      }
+      if (typeof window !== "undefined" && typeof window.getSelection === "function") {
+        const selection = window.getSelection();
+        if (selection && typeof selection.removeAllRanges === "function") {
+          selection.removeAllRanges();
+        }
+      }
     },
     handleWindowKeydown(event) {
       if (event?.key === "Shift") {