@vuetify/nightly 3.8.11-master.2025-06-24 → 3.8.11-master.2025-06-30

package/dist/vuetify.d.ts

@@ -85914,40 +85914,39 @@ declare module 'vue' {
   }
   export interface GlobalComponents {
     VApp: VApp
+    VAutocomplete: VAutocomplete
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VAvatar: VAvatar
-    VAutocomplete: VAutocomplete
-    VBottomNavigation: VBottomNavigation
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBottomSheet: VBottomSheet
     VBadge: VBadge
-    VBtnToggle: VBtnToggle
+    VBottomNavigation: VBottomNavigation
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
     VBtn: VBtn
+    VBtnGroup: VBtnGroup
+    VBtnToggle: VBtnToggle
+    VBottomSheet: VBottomSheet
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
-    VChip: VChip
-    VBtnGroup: VBtnGroup
-    VChipGroup: VChipGroup
-    VCode: VCode
-    VCounter: VCounter
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
+    VColorPicker: VColorPicker
     VCombobox: VCombobox
+    VCode: VCode
+    VChip: VChip
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -85955,22 +85954,24 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VColorPicker: VColorPicker
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
+    VChipGroup: VChipGroup
     VDialog: VDialog
-    VEmptyState: VEmptyState
     VDivider: VDivider
-    VFooter: VFooter
+    VEmptyState: VEmptyState
+    VFab: VFab
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VFab: VFab
+    VCounter: VCounter
+    VFooter: VFooter
+    VFileInput: VFileInput
     VField: VField
     VFieldLabel: VFieldLabel
     VIcon: VIcon
@@ -85978,14 +85979,13 @@ declare module 'vue' {
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VFileInput: VFileInput
     VImg: VImg
-    VInput: VInput
     VItemGroup: VItemGroup
     VItem: VItem
+    VInput: VInput
     VKbd: VKbd
-    VLabel: VLabel
     VInfiniteScroll: VInfiniteScroll
+    VLabel: VLabel
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -85995,56 +85995,58 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMenu: VMenu
     VMain: VMain
     VMessages: VMessages
-    VNumberInput: VNumberInput
     VNavigationDrawer: VNavigationDrawer
-    VPagination: VPagination
-    VProgressCircular: VProgressCircular
+    VNumberInput: VNumberInput
     VOtpInput: VOtpInput
     VOverlay: VOverlay
+    VProgressCircular: VProgressCircular
+    VPagination: VPagination
+    VRating: VRating
     VProgressLinear: VProgressLinear
     VRadioGroup: VRadioGroup
-    VSelectionControl: VSelectionControl
-    VSelectionControlGroup: VSelectionControlGroup
-    VRating: VRating
-    VSkeletonLoader: VSkeletonLoader
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
     VSelect: VSelect
+    VSkeletonLoader: VSkeletonLoader
+    VSelectionControlGroup: VSelectionControlGroup
+    VSelectionControl: VSelectionControl
     VSheet: VSheet
     VSnackbar: VSnackbar
+    VSlider: VSlider
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSlider: VSlider
     VSwitch: VSwitch
+    VSystemBar: VSystemBar
+    VTextField: VTextField
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTable: VTable
-    VSystemBar: VSystemBar
+    VTextarea: VTextarea
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
+    VTable: VTable
     VTooltip: VTooltip
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
     VWindow: VWindow
     VWindowItem: VWindowItem
+    VMenu: VMenu
+    VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
-    VConfirmEdit: VConfirmEdit
+    VForm: VForm
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
-    VForm: VForm
     VHover: VHover
     VLayout: VLayout
     VLayoutItem: VLayoutItem
@@ -86060,9 +86062,6 @@ declare module 'vue' {
     VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
     VValidation: VValidation
-    VVirtualScroll: VVirtualScroll
-    VTextField: VTextField
-    VTextarea: VTextarea
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -86079,27 +86078,28 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
+    VVirtualScroll: VVirtualScroll
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VColorInput: VColorInput
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VIconBtn: VIconBtn
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
+    VIconBtn: VIconBtn
     VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
   }

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.11-master.2025-06-24
+* Vuetify v3.8.11-master.2025-06-30
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -10466,7 +10466,7 @@ function connectedLocationStrategy(data, props, contentStyles) {
     });
     if (flipped.isFull) {
       const values = flipped.values();
-      if (deepEqual(values.at(-1), values.at(-3))) {
+      if (deepEqual(values.at(-1), values.at(-3)) && !deepEqual(values.at(-1), values.at(-2))) {
         // Flipping is causing a container resize loop
         return;
       }
@@ -12412,7 +12412,7 @@ const VTextField = genericComponent()({
       if (!isFocused.value) focus();
       nextTick(() => {
         if (inputRef.value !== document.activeElement) {
-          inputRef.value?.focus();
+          nextTick(() => inputRef.value?.focus());
         }
       });
     }
@@ -12746,7 +12746,7 @@ function useVirtual(props, items) {
     raf = requestAnimationFrame(_calculateVisibleItems);
   }
   function _calculateVisibleItems() {
-    if (!containerRef.value || !viewportHeight.value) return;
+    if (!containerRef.value || !viewportHeight.value || !itemHeight.value) return;
     const scrollTop = lastScrollTop - markerOffset;
     const direction = Math.sign(scrollVelocity);
     const startPx = Math.max(0, scrollTop - BUFFER_PX);
@@ -19566,7 +19566,8 @@ function sortItems(items, sortByItems, locale, options) {
 
       // Dates should be compared numerically
       if (sortA instanceof Date && sortB instanceof Date) {
-        return sortA.getTime() - sortB.getTime();
+        sortA = sortA.getTime();
+        sortB = sortB.getTime();
       }
       [sortA, sortB] = [sortA, sortB].map(s => s != null ? s.toString().toLocaleLowerCase() : s);
       if (sortA !== sortB) {
@@ -20290,7 +20291,6 @@ const VDataTableColumn = defineFunctionalComponent({
   } = _ref;
   const Tag = props.tag ?? 'td';
   return createVNode(Tag, {
-    "tabindex": "0",
     "class": normalizeClass(['v-data-table__td', {
       'v-data-table-column--fixed': props.fixed,
       'v-data-table-column--last-fixed': props.lastFixed,
@@ -20691,14 +20691,14 @@ const VDataTableHeaders = genericComponent()({
         },
         "colspan": column.colspan,
         "rowspan": column.rowspan,
-        "onClick": column.sortable ? () => toggleSort(column) : undefined,
         "fixed": column.fixed,
         "nowrap": column.nowrap,
         "lastFixed": column.lastFixed,
-        "noPadding": noPadding
-      }, headerProps, {
-        "onKeydown": event => column.sortable && handleEnterKeyPress(event, column)
-      }), {
+        "noPadding": noPadding,
+        "tabindex": column.sortable ? 0 : undefined,
+        "onClick": column.sortable ? () => toggleSort(column) : undefined,
+        "onKeydown": column.sortable ? event => handleEnterKeyPress(event, column) : undefined
+      }, headerProps), {
         default: () => {
           const columnSlotName = `header.${column.key}`;
           const columnSlotProps = {
@@ -29508,7 +29508,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.11-master.2025-06-24";
+const version$1 = "3.8.11-master.2025-06-30";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29533,7 +29533,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.11-master.2025-06-24";
+const version = "3.8.11-master.2025-06-30";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };