js-kompo-utils 1.0.26 → 1.0.27

package/components/VlSelect.vue

@@ -214,15 +214,16 @@ export default {
             window.addEventListener('resize', this._onResize, { passive: true })
 
             if (window.visualViewport) {
-                this._onViewportChange = () => {
+                this._onViewportScroll = () => {
                     if (this._rafId) return
                     this._rafId = requestAnimationFrame(() => {
                         this._rafId = null
-                        this.refresh()
+                        this.trackPosition()
                     })
                 }
-                window.visualViewport.addEventListener('resize', this._onViewportChange)
-                window.visualViewport.addEventListener('scroll', this._onViewportChange)
+                this._onViewportResize = () => this.refresh()
+                window.visualViewport.addEventListener('scroll', this._onViewportScroll)
+                window.visualViewport.addEventListener('resize', this._onViewportResize)
             }
 
             const opts = this.$refs.selectOptions
@@ -243,10 +244,17 @@ export default {
                 })
                 if (anchor) this._anchorObserver.observe(anchor)
             }
-            if (typeof IntersectionObserver !== 'undefined' && anchor) {
+            const inOverlay = !!(anchor && anchor.closest('.kompoModal, .kompoDrawer, .vl-sidebar-l'))
+            if (inOverlay && typeof IntersectionObserver !== 'undefined' && anchor) {
+                let intersectionInitialised = false
                 this._anchorIntersection = new IntersectionObserver((entries) => {
                     const entry = entries[entries.length - 1]
-                    if (entry && entry.intersectionRatio === 0) this.blur()
+                    if (!entry) return
+                    if (!intersectionInitialised) {
+                        intersectionInitialised = true
+                        return
+                    }
+                    if (entry.intersectionRatio === 0) this.blur()
                 }, { threshold: 0 })
                 this._anchorIntersection.observe(anchor)
             }
@@ -261,10 +269,15 @@ export default {
             }
             window.removeEventListener('scroll', this._onScroll, true)
             window.removeEventListener('resize', this._onResize)
-            if (this._onViewportChange && window.visualViewport) {
-                window.visualViewport.removeEventListener('resize', this._onViewportChange)
-                window.visualViewport.removeEventListener('scroll', this._onViewportChange)
-                this._onViewportChange = null
+            if (window.visualViewport) {
+                if (this._onViewportScroll) {
+                    window.visualViewport.removeEventListener('scroll', this._onViewportScroll)
+                    this._onViewportScroll = null
+                }
+                if (this._onViewportResize) {
+                    window.visualViewport.removeEventListener('resize', this._onViewportResize)
+                    this._onViewportResize = null
+                }
             }
             if (this._panelObserver) {
                 this._panelObserver.disconnect()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "js-kompo-utils",
-  "version": "1.0.26",
+  "version": "1.0.27",
   "description": "",
   "main": "app.js",
   "scripts": {