@vuetify/nightly 3.8.5-master.2025-05-15 → 3.8.5-pr-21419.3ae3440

package/dist/vuetify.d.ts

@@ -7050,7 +7050,7 @@ declare const VList: {
     }, {
         open: (id: unknown, value: boolean, event?: Event) => void;
         select: (id: unknown, value: boolean, event?: Event) => void;
-        focus: (location?: "next" | "prev" | "first" | "last") => void;
+        focus: (location?: "next" | "prev" | "first" | "last" | number) => void;
         children: vue.Ref<Map<unknown, unknown[]>, Map<unknown, unknown[]>>;
         parents: vue.Ref<Map<unknown, unknown>, Map<unknown, unknown>>;
         getPath: (id: unknown) => unknown[];
@@ -7173,7 +7173,7 @@ declare const VList: {
     }, {
         open: (id: unknown, value: boolean, event?: Event) => void;
         select: (id: unknown, value: boolean, event?: Event) => void;
-        focus: (location?: "next" | "prev" | "first" | "last") => void;
+        focus: (location?: "next" | "prev" | "first" | "last" | number) => void;
         children: vue.Ref<Map<unknown, unknown[]>, Map<unknown, unknown[]>>;
         parents: vue.Ref<Map<unknown, unknown>, Map<unknown, unknown>>;
         getPath: (id: unknown) => unknown[];
@@ -7248,7 +7248,7 @@ declare const VList: {
 }, {
     open: (id: unknown, value: boolean, event?: Event) => void;
     select: (id: unknown, value: boolean, event?: Event) => void;
-    focus: (location?: "next" | "prev" | "first" | "last") => void;
+    focus: (location?: "next" | "prev" | "first" | "last" | number) => void;
     children: vue.Ref<Map<unknown, unknown[]>, Map<unknown, unknown[]>>;
     parents: vue.Ref<Map<unknown, unknown>, Map<unknown, unknown>>;
     getPath: (id: unknown) => unknown[];
@@ -85878,38 +85878,41 @@ declare module 'vue' {
   }
   export interface GlobalComponents {
     VApp: VApp
-    VAvatar: VAvatar
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
     VAutocomplete: VAutocomplete
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
+    VAvatar: VAvatar
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
     VBadge: VBadge
-    VBottomSheet: VBottomSheet
+    VBottomNavigation: VBottomNavigation
+    VBtn: VBtn
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBtnToggle: VBtnToggle
-    VBottomNavigation: VBottomNavigation
     VBtnGroup: VBtnGroup
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
+    VBtnToggle: VBtnToggle
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
+    VColorPicker: VColorPicker
+    VChip: VChip
+    VCode: VCode
+    VChipGroup: VChipGroup
+    VCounter: VCounter
+    VBottomSheet: VBottomSheet
+    VCombobox: VCombobox
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
-    VChip: VChip
-    VBtn: VBtn
-    VChipGroup: VChipGroup
-    VCode: VCode
-    VCombobox: VCombobox
-    VColorPicker: VColorPicker
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -85917,38 +85920,37 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
-    VEmptyState: VEmptyState
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
-    VCounter: VCounter
+    VDialog: VDialog
+    VEmptyState: VEmptyState
+    VDivider: VDivider
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
     VFab: VFab
-    VDivider: VDivider
     VFileInput: VFileInput
     VField: VField
     VFieldLabel: VFieldLabel
-    VFooter: VFooter
-    VDialog: VDialog
+    VInput: VInput
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VImg: VImg
+    VFooter: VFooter
     VInfiniteScroll: VInfiniteScroll
-    VInput: VInput
+    VImg: VImg
     VKbd: VKbd
+    VLabel: VLabel
     VItemGroup: VItemGroup
     VItem: VItem
+    VMain: VMain
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -85958,51 +85960,49 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMain: VMain
-    VLabel: VLabel
-    VMessages: VMessages
     VMenu: VMenu
+    VNumberInput: VNumberInput
     VNavigationDrawer: VNavigationDrawer
-    VOverlay: VOverlay
+    VMessages: VMessages
     VOtpInput: VOtpInput
-    VNumberInput: VNumberInput
-    VPagination: VPagination
+    VOverlay: VOverlay
     VProgressLinear: VProgressLinear
+    VPagination: VPagination
+    VProgressCircular: VProgressCircular
     VRating: VRating
-    VSelect: VSelect
     VRadioGroup: VRadioGroup
-    VProgressCircular: VProgressCircular
+    VSelect: VSelect
     VSelectionControl: VSelectionControl
-    VSlider: VSlider
     VSheet: VSheet
-    VSkeletonLoader: VSkeletonLoader
-    VSnackbar: VSnackbar
+    VSelectionControlGroup: VSelectionControlGroup
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
+    VSlider: VSlider
+    VSnackbar: VSnackbar
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSelectionControlGroup: VSelectionControlGroup
-    VSwitch: VSwitch
+    VSkeletonLoader: VSkeletonLoader
+    VSystemBar: VSystemBar
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VSystemBar: VSystemBar
-    VTextarea: VTextarea
+    VSwitch: VSwitch
     VTable: VTable
+    VTextarea: VTextarea
+    VTextField: VTextField
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
-    VTextField: VTextField
+    VTooltip: VTooltip
     VWindow: VWindow
     VWindowItem: VWindowItem
-    VTooltip: VTooltip
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
@@ -86010,23 +86010,22 @@ declare module 'vue' {
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
+    VForm: VForm
     VHover: VHover
     VLayout: VLayout
     VLayoutItem: VLayoutItem
     VLazy: VLazy
     VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
-    VParallax: VParallax
     VRadio: VRadio
-    VResponsive: VResponsive
     VRangeSlider: VRangeSlider
-    VForm: VForm
-    VSparkline: VSparkline
-    VSpeedDial: VSpeedDial
+    VResponsive: VResponsive
     VSnackbarQueue: VSnackbarQueue
+    VSpeedDial: VSpeedDial
+    VSparkline: VSparkline
     VThemeProvider: VThemeProvider
-    VVirtualScroll: VVirtualScroll
     VValidation: VValidation
+    VVirtualScroll: VVirtualScroll
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -86043,28 +86042,29 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VColorInput: VColorInput
+    VParallax: VParallax
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VIconBtn: VIconBtn
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
+    VColorInput: VColorInput
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
-    VTreeview: VTreeview
-    VTreeviewItem: VTreeviewItem
-    VTreeviewGroup: VTreeviewGroup
+    VIconBtn: VIconBtn
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
+    VTreeview: VTreeview
+    VTreeviewItem: VTreeviewItem
+    VTreeviewGroup: VTreeviewGroup
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
   }
 }

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.5-master.2025-05-15
+* Vuetify v3.8.5-pr-21419.3ae3440
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -431,7 +431,7 @@ function getNextElement(elements, location, condition) {
 }
 function focusChild(el, location) {
   const focusable = focusableChildren(el);
-  if (!location) {
+  if (location == null) {
     if (el === document.activeElement || !el.contains(document.activeElement)) {
       focusable[0]?.focus();
     }
@@ -13017,6 +13017,7 @@ const VSelect = genericComponent()({
     const selectedValues = computed(() => model.value.map(selection => selection.value));
     const isFocused = shallowRef(false);
     let keyboardLookupPrefix = '';
+    let keyboardLookupIndex = -1;
     let keyboardLookupLastTime;
     const displayItems = computed(() => {
       if (props.hideSelected) {
@@ -13084,16 +13085,49 @@ const VSelect = genericComponent()({
       const now = performance.now();
       if (now - keyboardLookupLastTime > KEYBOARD_LOOKUP_THRESHOLD) {
         keyboardLookupPrefix = '';
+        keyboardLookupIndex = -1;
       }
       keyboardLookupPrefix += e.key.toLowerCase();
       keyboardLookupLastTime = now;
-      const item = items.value.find(item => item.title.toLowerCase().startsWith(keyboardLookupPrefix));
+      const items = displayItems.value;
+      function findItem() {
+        let result = findItemBase();
+        if (result !== undefined) return result;
+        if (keyboardLookupPrefix.at(-1) === keyboardLookupPrefix.at(-2)) {
+          // No matches but we have a repeated letter, try the next item with that prefix
+          keyboardLookupPrefix = keyboardLookupPrefix.slice(0, -1);
+          result = findItemBase();
+          if (result !== undefined) return result;
+        }
+
+        // Still nothing, wrap around to the top
+        keyboardLookupIndex = -1;
+        result = findItemBase();
+        if (result !== undefined) return result;
+
+        // Still nothing, try just the new letter
+        keyboardLookupPrefix = e.key.toLowerCase();
+        return findItemBase();
+      }
+      function findItemBase() {
+        for (let i = 0; i < items.length; i++) {
+          const _item = items[i];
+          if (i > keyboardLookupIndex && _item.title.toLowerCase().startsWith(keyboardLookupPrefix)) {
+            keyboardLookupIndex = i;
+            return _item;
+          }
+        }
+        return undefined;
+      }
+      const item = findItem();
       if (item !== undefined) {
-        model.value = [item];
+        if (!props.multiple) {
+          model.value = [item];
+        }
         const index = displayItems.value.indexOf(item);
-        IN_BROWSER && window.requestAnimationFrame(() => {
-          index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index);
-        });
+        if (~index && IN_BROWSER) {
+          listRef.value?.focus(index);
+        }
       }
     }
 
@@ -29216,7 +29250,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.5-master.2025-05-15";
+const version$1 = "3.8.5-pr-21419.3ae3440";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29241,7 +29275,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.5-master.2025-05-15";
+const version = "3.8.5-pr-21419.3ae3440";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };