@alaarab/ogrid-js 2.4.1 → 2.4.2

package/dist/esm/index.js

@@ -10867,6 +10867,7 @@ var InlineCellEditor = class {
     this.onCommit = null;
     this.onCancel = null;
     this.onAfterCommit = null;
+    this.scrollCleanup = null;
     this.container = container;
   }
   startEdit(rowId, columnId, item, column, cell, onCommit, onCancel, onAfterCommit) {
@@ -10905,6 +10906,14 @@ var InlineCellEditor = class {
       } else {
         dropdownEl.style.top = `${rect.bottom}px`;
       }
+      const scrollParent = editor.closest(".ogrid-table-wrapper") ?? editor.closest('[style*="overflow"]');
+      const handleScroll = () => this.closeEditor();
+      if (scrollParent) scrollParent.addEventListener("scroll", handleScroll, { passive: true });
+      window.addEventListener("scroll", handleScroll, { passive: true });
+      this.scrollCleanup = () => {
+        if (scrollParent) scrollParent.removeEventListener("scroll", handleScroll);
+        window.removeEventListener("scroll", handleScroll);
+      };
     }
   }
   /** Returns the cell currently being edited, or null if no editor is open. */
@@ -10912,6 +10921,8 @@ var InlineCellEditor = class {
     return this.editingCell;
   }
   closeEditor() {
+    this.scrollCleanup?.();
+    this.scrollCleanup = null;
     if (this.editingCell && this.container.isConnected) {
       const { rowId, columnId } = this.editingCell;
       const row = this.container.querySelector(`tr[data-row-id="${rowId}"]`);

package/dist/types/components/InlineCellEditor.d.ts

@@ -8,6 +8,7 @@ export declare class InlineCellEditor<T> {
     private onCommit;
     private onCancel;
     private onAfterCommit;
+    private scrollCleanup;
     constructor(container: HTMLElement);
     startEdit(rowId: RowId, columnId: string, item: T, column: IColumnDef<T>, cell: HTMLTableCellElement, onCommit: (rowId: RowId, columnId: string, value: unknown) => void, onCancel: () => void, onAfterCommit?: () => void): void;
     /** Returns the cell currently being edited, or null if no editor is open. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-js",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "description": "OGrid vanilla JS – framework-free data grid with sorting, filtering, pagination, and spreadsheet-style editing.",
   "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"
   },
   "sideEffects": [
     "**/*.css"