vue2-excel-grid 1.1.2 → 1.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-excel-grid",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Excel-style grid component for Vue 2.6.14 with virtual scrolling",
   "main": "dist/vue2-excel-grid.umd.js",
   "module": "dist/vue2-excel-grid.esm.js",

package/src/components/ExcelGrid.vue

@@ -1221,6 +1221,7 @@ export default {
     document.addEventListener('keydown', this.onGlobalKeyDown)
     document.addEventListener('mousedown', this._onDocMouseDownForDropdown, true)
     window.addEventListener('resize', this.syncHeaderViewportWidth)
+    window.addEventListener('scroll', this._onWindowScrollForDropdown, true)
   },
 
   beforeDestroy() {
@@ -1229,6 +1230,7 @@ export default {
     document.removeEventListener('keydown', this.onGlobalKeyDown)
     document.removeEventListener('mousedown', this._onDocMouseDownForDropdown, true)
     window.removeEventListener('resize', this.syncHeaderViewportWidth)
+    window.removeEventListener('scroll', this._onWindowScrollForDropdown, true)
   },
 
   methods: {
@@ -1255,6 +1257,9 @@ export default {
       if (this.$refs.scrollFooter) this.$refs.scrollFooter.scrollLeft = target.scrollLeft
       if (this.$refs.scrollRowHeaders) this.$refs.scrollRowHeaders.scrollTop = target.scrollTop
 
+      // Close dropdown on scroll — fixed-position dropdown drifts away from the moving cell
+      if (this.selectDropdown) this.closeSelectDropdown()
+
       // Throttle reactive state updates + virtual scroll recalc to one rAF per frame
       if (!this._scrollRAF) {
         this._scrollRAF = requestAnimationFrame(() => {
@@ -2512,6 +2517,10 @@ export default {
       this.selectDropdown = null
     },
 
+    _onWindowScrollForDropdown() {
+      if (this.selectDropdown) this.closeSelectDropdown()
+    },
+
     _onDocMouseDownForDropdown(e) {
       if (!this.selectDropdown) return
       const dd = this.$el ? this.$el.querySelector('.eg-select-dropdown') : null