@vuetify/nightly 3.6.8-master.2024-06-11 → 3.6.9-master.2024-06-12

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.8-master.2024-06-11
+* Vuetify v3.6.9-master.2024-06-12
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4200,6 +4200,7 @@
       canScroll
     } = args;
     let previousScroll = 0;
+    let previousScrollHeight = 0;
     const target = vue.ref(null);
     const currentScroll = vue.shallowRef(0);
     const savedScroll = vue.shallowRef(0);
@@ -4222,6 +4223,11 @@
       if (!targetEl || canScroll && !canScroll.value) return;
       previousScroll = currentScroll.value;
       currentScroll.value = 'window' in targetEl ? targetEl.pageYOffset : targetEl.scrollTop;
+      const currentScrollHeight = targetEl instanceof Window ? document.documentElement.scrollHeight : targetEl.scrollHeight;
+      if (previousScrollHeight !== currentScrollHeight) {
+        previousScrollHeight = currentScrollHeight;
+        return;
+      }
       isScrollingUp.value = currentScroll.value < previousScroll;
       currentThreshold.value = Math.abs(currentScroll.value - scrollThreshold.value);
     };
@@ -9621,6 +9627,7 @@
     nav: Boolean,
     'onClick:open': EventProp(),
     'onClick:select': EventProp(),
+    'onUpdate:opened': EventProp(),
     ...makeNestedProps({
       selectStrategy: 'single-leaf',
       openStrategy: 'list'
@@ -11024,9 +11031,6 @@
           if (!(v && props.disabled)) model.value = v;
         }
       });
-      const {
-        teleportTarget
-      } = useTeleport(vue.computed(() => props.attach || props.contained));
       const {
         themeClasses
       } = provideTheme(props);
@@ -11059,6 +11063,10 @@
         isActive,
         isTop: localTop
       });
+      const potentialShadowDomRoot = vue.computed(() => activatorEl?.value?.getRootNode());
+      const {
+        teleportTarget
+      } = useTeleport(vue.computed(() => props.attach || props.contained || potentialShadowDomRoot.value instanceof ShadowRoot ? potentialShadowDomRoot.value : false));
       const {
         dimensionStyles
       } = useDimension(props);
@@ -11401,7 +11409,7 @@
       function onKeydown(e) {
         if (props.disabled) return;
         if (e.key === 'Tab' || e.key === 'Enter' && !props.closeOnContentClick) {
-          if (e.key === 'Enter' && e.target instanceof HTMLTextAreaElement) return;
+          if (e.key === 'Enter' && (e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLInputElement && !!e.target.closest('form'))) return;
           if (e.key === 'Enter') e.preventDefault();
           const nextElement = getNextElement(focusableChildren(overlay.value?.contentEl, false), e.shiftKey ? 'prev' : 'next', el => el.tabIndex >= 0);
           if (!nextElement) {
@@ -22749,15 +22757,13 @@
     }
   });
 
+  // Types
+
   const makeVFabProps = propsFactory({
     app: Boolean,
     appear: Boolean,
     extended: Boolean,
     layout: Boolean,
-    location: {
-      type: String,
-      default: 'bottom end'
-    },
     offset: Boolean,
     modelValue: {
       type: Boolean,
@@ -22767,6 +22773,7 @@
       active: true
     }), ['location']),
     ...makeLayoutItemProps(),
+    ...makeLocationProps(),
     ...makeTransitionProps({
       transition: 'fab-transition'
     })
@@ -22793,11 +22800,11 @@
       const hasPosition = vue.computed(() => props.app || props.absolute);
       const position = vue.computed(() => {
         if (!hasPosition.value) return false;
-        return props.location.split(' ').shift();
+        return props.location?.split(' ').shift() ?? 'bottom';
       });
       const orientation = vue.computed(() => {
         if (!hasPosition.value) return false;
-        return props.location.split(' ')[1] ?? 'end';
+        return props.location?.split(' ')[1] ?? 'end';
       });
       useToggleScope(() => props.app, () => {
         const layout = useLayoutItem({
@@ -28071,7 +28078,7 @@
       goTo
     };
   }
-  const version$1 = "3.6.8-master.2024-06-11";
+  const version$1 = "3.6.9-master.2024-06-12";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -28096,7 +28103,7 @@
       ...options
     });
   };
-  const version = "3.6.8-master.2024-06-11";
+  const version = "3.6.9-master.2024-06-12";
   createVuetify.version = version;
 
   exports.blueprints = index;