@webqit/webflo 0.20.41 → 0.20.43

package/package.json

@@ -12,7 +12,7 @@
     "vanila-javascript"
   ],
   "homepage": "https://webqit.io/tooling/webflo",
-  "version": "0.20.41",
+  "version": "0.20.43",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/webflo-runtime/webflo-client/DeviceViewport.js

@@ -13,7 +13,7 @@ export class DeviceViewport {
     };
 
     constructor() {
-        const initialState = { _isInitial: true };
+        const initialState = { _priority: 1 };
 
         // 1. Ingest Viewport
         const vMeta = document.querySelector('meta[name="viewport"]');
@@ -152,10 +152,17 @@ export class DeviceViewport {
         return [k.replace(/-([a-z])/g, g => g[1].toUpperCase()), v || true];
     }));
 
-    push(id, config) {
+    push(id, config, priority = 1) {
         if (!id) throw new Error("push() requires a unique ID");
         if (this.#stack.some(e => e.id === id)) return;
-        this.#stack.push({ ...this.peek(), ...config, id, _isInitial: false });
+
+        const peek = this.peek();
+        if (peek._priority - priority >= 0.2) {
+            this.#stack.push({ ...config, ...peek, id, _priority: priority });
+        } else {
+            this.#stack.push({ ...peek, ...config, id, _priority: priority });
+        }
+        
         this.#scheduleRender();
     }
 

package/src/webflo-runtime/webflo-client/webflo-elements.js

@@ -498,8 +498,6 @@ export class ModalElement extends BaseElement {
         };
 
         const observer = new IntersectionObserver((entries) => {
-            if (!this.#userScrolled) return;
-
             for (const entry of entries) {
                 // Minmax events
                 if (entry.target === this.#spacingElement) {
@@ -508,7 +506,8 @@ export class ModalElement extends BaseElement {
                 }
 
                 // For auto-closing
-                if (entry.target === this.#sentinelElement
+                if (this.#userScrolled
+                    && entry.target === this.#sentinelElement
                     && entry.isIntersecting
                     && entry.intersectionRatio >= 0.8) {
                     this.hidePopover();