@alaarab/ogrid-vue 2.4.1 → 2.4.2

package/dist/esm/index.js

@@ -4552,17 +4552,32 @@ function createInlineCellEditor(options) {
           dropdown.style.top = `${rect.bottom}px`;
         }
       };
+      let scrollCleanup = null;
       onMounted(() => {
         nextTick(() => {
           if (selectWrapperRef.value) {
             selectWrapperRef.value.focus();
             positionDropdown();
+            const wrapper = selectWrapperRef.value;
+            const scrollParent = wrapper.closest(".ogrid-table-wrapper") ?? wrapper.closest('[style*="overflow"]');
+            const handleScroll = () => {
+              if (props.onCancel) props.onCancel();
+            };
+            if (scrollParent) scrollParent.addEventListener("scroll", handleScroll, { passive: true });
+            window.addEventListener("scroll", handleScroll, { passive: true });
+            scrollCleanup = () => {
+              if (scrollParent) scrollParent.removeEventListener("scroll", handleScroll);
+              window.removeEventListener("scroll", handleScroll);
+            };
             return;
           }
           inputRef.value?.focus();
           inputRef.value?.select();
         });
       });
+      onUnmounted(() => {
+        scrollCleanup?.();
+      });
       watch(() => props.value, (v) => {
         localValue.value = v;
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-vue",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "description": "OGrid Vue – Vue 3 composables, headless components, and utilities for OGrid data grids.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -36,7 +36,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@alaarab/ogrid-core": "2.4.1"
+    "@alaarab/ogrid-core": "2.4.2"
   },
   "peerDependencies": {
     "vue": "^3.3.0"