@vuetify/nightly 3.8.6-master.2025-05-21 → 3.8.6-master.2025-05-22

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.6-master.2025-05-21
+* Vuetify v3.8.6-master.2025-05-22
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -695,6 +695,33 @@
       return target.getBoundingClientRect();
     }
   }
+  function getElementBox(el) {
+    if (el === document.documentElement) {
+      if (!visualViewport) {
+        return new Box({
+          x: 0,
+          y: 0,
+          width: document.documentElement.clientWidth,
+          height: document.documentElement.clientHeight
+        });
+      } else {
+        return new Box({
+          x: visualViewport.scale > 1 ? 0 : visualViewport.offsetLeft,
+          y: visualViewport.scale > 1 ? 0 : visualViewport.offsetTop,
+          width: visualViewport.width * visualViewport.scale,
+          height: visualViewport.height * visualViewport.scale
+        });
+      }
+    } else {
+      const rect = el.getBoundingClientRect();
+      return new Box({
+        x: rect.x,
+        y: rect.y,
+        width: el.clientWidth,
+        height: el.clientHeight
+      });
+    }
+  }
 
   // Utilities
 
@@ -10000,11 +10027,19 @@
         vue.watch(() => props.locationStrategy, reset);
         vue.onScopeDispose(() => {
           window.removeEventListener('resize', onResize);
+          visualViewport?.removeEventListener('resize', onVisualResize);
+          visualViewport?.removeEventListener('scroll', onVisualScroll);
           updateLocation.value = undefined;
         });
         window.addEventListener('resize', onResize, {
           passive: true
         });
+        visualViewport?.addEventListener('resize', onVisualResize, {
+          passive: true
+        });
+        visualViewport?.addEventListener('scroll', onVisualScroll, {
+          passive: true
+        });
         if (typeof props.locationStrategy === 'function') {
           updateLocation.value = props.locationStrategy(data, props, contentStyles)?.updateLocation;
         } else {
@@ -10015,6 +10050,12 @@
     function onResize(e) {
       updateLocation.value?.(e);
     }
+    function onVisualResize(e) {
+      updateLocation.value?.(e);
+    }
+    function onVisualScroll(e) {
+      updateLocation.value?.(e);
+    }
     return {
       contentStyles,
       updateLocation
@@ -10166,13 +10207,7 @@
         }
       }
       const viewport = scrollParents.reduce((box, el) => {
-        const rect = el.getBoundingClientRect();
-        const scrollBox = new Box({
-          x: el === document.documentElement ? 0 : rect.x,
-          y: el === document.documentElement ? 0 : rect.y,
-          width: el.clientWidth,
-          height: el.clientHeight
-        });
+        const scrollBox = getElementBox(el);
         if (box) {
           return new Box({
             x: Math.max(box.left, scrollBox.left),
@@ -31954,7 +31989,7 @@
       };
     });
   }
-  const version$1 = "3.8.6-master.2025-05-21";
+  const version$1 = "3.8.6-master.2025-05-22";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -32252,7 +32287,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.8.6-master.2025-05-21";
+  const version = "3.8.6-master.2025-05-22";
 
   /* eslint-disable local-rules/sort-imports */