What changed in vuetify from 3 to 4

[!IMPORTANT] Vuetify Needs Your Support! The OpenCollective funds are running low. The team needed to scale down and is barely able to compensate the contributors for their work on the framework and the ecosystem tools.

If Vuetify is part of your stack, please consider sponsoring the project so we can continue delivering updates and fixes.

Sponsor via Open Collective

Every contribution helps us keep Vuetify alive and signals to maintainers that their effort is appreciated.

Thank you.

---

The following components have been promoted to the core framework from labs:

• rules

:rocket: Features

• inputs: add open-on-focus to inputs with VMenu (#23126) (44e789f), closes #22934
• rules: promote from labs (2871f71)
• util: consume @vuetify/v0 utilities in core (#23039) (94b72d5)
• VAutocomplete,VCombobox: add close-on-input-click prop (#23023) (5dfeb32), closes #23021
• VBtnGroup: add size prop to align with standalone buttons (9b46baa), closes #16054
• VCombobox: add trim-values prop (#22895) (2614f43), closes #14874
• VDateInput: auto-fill separators while typing (#23052) (6225a83), closes #23051
• VFileInput: add placeholder support (#23048) (988ffd1), closes #19837
• VFileInput,VFileUpload: unify dragging effect (#22909) (0440f63), closes #20576
• VNavigationDrawer: support percentage width (8f8def5), closes #16150
• VProgress,+Linear,+Circular: add duration control for value transition (9d4da1b), closes #22442
• VProgressLinear: add reveal prop (7764b49)
• VRadio: v-model should work normally without VRadioGroup (92643be), closes #16245
• VSelect/VAutocomplete/VCombobox: allow persistent menu (#23008) (71d38a6), closes #20590
• VSelect/VAutocomplete/VCombobox: new events for multi-selection (#23038) (45079af), closes #4054 #5682
• VSkeletonLoader: add chip-group type (06cbc10), closes #20695
• VSkeletonLoader: add types prop & reintroduce table-cell (#23037) (b5d380b), closes #20942 #17506
• VSlideGroup: emit when reaching an edge (62dbe20), closes #11364
• VSlideGroup: add slide function (c3d2ce2), closes #21250
• VSlideGroup: add scroll-snap and scroll-distance props (3f24ffe), closes #15916
• VVirtualScroll: add optional position parameter to scrollTo method (#18574) (405cd92)

:wrench: Bug Fixes

• defaults: let user defaults override hardcoded subcomponent props (#23108) (bb09f8b), closes #21279 #21420 #21490
• defaults: avoid parent config leaking into menu and dialog content (#23016) (fc3e32e), closes #18123
• v-tooltip: correctly handle true and undefined (cef88bf), closes #20463
• v-touch: ignore scroll within (19ee74e), closes #21888
• v-touch: react to binding value changes (937a471)
• variant: clip underlay and overlay with overflow (#22992) (10d0b28), closes #22868
• VAutocomplete,VCombobox,VSelect: improvements for native form submissions (#23022) (2c51006), closes #21938 #22270
• VBtn: no letter-spacing for RTL locales (3956c08), closes #19627
• VBtnGroup: correct height for x-large size (b2294cd)
• VIconBtn: align default color with VBtn (1695a49), closes #23085
• VDatePicker: correct range selection background for RTL (5448a61)
• VInput: do not animate details when mounting the whole field (c55238f), closes #23049
• VInput: consistent transitions of details/messages/counter (#23049) (9d7e741)
• VMenu: submenu a11y/navigation improvements (#22904) (e2a12c1)
• VMenu: avoid close cascading through non-menu overlays (e30eb47), closes #20468
• VMenu: custom overlays and tooltips should not prevent closing (#22993) (d01d4ac)
• VSelect/VAutocomplete/VCombobox: stable focus navigation in the virtual window (aae8fc4)
• VSelect/VAutocomplete/VCombobox: resilient navigation when seaching (#23031) (7a33ea9), closes #18383 #22770
• VSliderGroup: reliably select partially visible items (55d8e80), closes #21806
• VTextField: keep caret/selection when changing field type (47c9cc1), closes #16109
• VTreeview: improved open state when searching (#22983) (53afa91), closes #22035 #22392
• VTreeview: more aria attributes and correct keyboard navigation (#22903) (bad201d), closes #10796 #21585

:test_tube: Labs

• VHighlight: add ignore-accents prop (#22922) (e7e404b), closes #22917

Other Commits

• chore: cleanup unused Sass variables (2d01fae), closes #23136

:wrench: Bug Fixes

• VCalendar: show border for outside days when calendar has events (#22617) (7f0ab91), closes #22516
• VMenu: focus selected item when opening with arrow keys (d65e89e), closes #23157

:microscope: Code Refactoring

• styles: replace map-deep-get with builtin map.get (dc2245e)

:wrench: Bug Fixes

• locale: update translation keys for Arabic (f61c453)
• locale: correct mistranslations and russianisms in uk.ts (#23139) (f40d0d6)
• VOtpInput: update translations for aria-label (8912406)
• VOverlay: use the resolved position to align with new target (63cccbb), closes #23138
• VProgressLinear: apply round-bar with reverse and buffer (55fed01), closes #23143

:wrench: Bug Fixes

• useLink: prevent flash for every to component on page refresh (#23131) (7bce68d)
• VRow: restore dense to 8px gutter (ea6c628)
• VVirtualScroll: dividers skewing virtual offsets estimation (cb60a1f)
• VVirtualScroll: scrollToIndex retries locking manual scroll (f1cf0b0), closes #23133

:wrench: Bug Fixes

• VDataTable: key cells to prevent slot reuse (#23124) (a9528b5), closes #23123
• VDatePicker: restore the hover preview for range selection (6c1dee2)
• VDialog: avoid error when unmounted while closing (#23054) (8293f4c), closes #23053
• VNumberInput: snap to min/max when using buttons and value is out of range (#23109) (a35ab72), closes #23098
• VOverlay: reliably return focus to activator when eager (c879795)
• VProgressLinear: restore left/right animation in split variant (537a5f7)
• VProgressLinear: keep indeterminate bars visible in Firefox (694fcdb), closes #23125
• VTreeviewItem: only attach click handler when interactive (#23118) (a4297d1), closes #23117

:microscope: Fixes for audit tools

• VBtn: do not render the value attribute on a link (#23122) (b741a1c), closes #23121
• VDivider: drop redundant role attribute from <hr> (#23107) (3d62bb8), closes #23104
• VImg: omit the root aria-label when alt is empty (#23112) (e00a7b1), closes #23111

:wrench: Bug Fixes

• rounded: restore classes for side/corner values containing 0 (27962f3), closes #23090
• validation: consistently validate cleared fields (58b5537), closes #23084
• VDataTableVirtual: height accounting when expanding multiple rows (6f5f04b), closes #23014
• VSelect: focus correct item after opening with keyboard (Shadow DOM) (#23102) (8d15390), closes #23101
• VVirtualScroll: ignore zero-height items when estimating spacer (abe744e)

:wrench: Bug Fixes

• accept Vue 3.6 prereleases in the vue peer range (#23040) (831fb2d)
• theme: correct color-scheme for light theme (#23071) (9df2c71), closes #22119
• VFileUpload: avoid SSR hydration mismatch on empty file list (4cd5288), closes #23086
• VNumberInput: strip grouping separator before parsing number (94e94a9), closes #23050
• VOverlay: resolve ownership from the activator instead of aria-owns (a57ec6e), closes #23056
• VOverlay: correct viewport size for "desktop view" on Android (8849b6b), closes #22124

:wrench: Bug Fixes

• elevation: hover-elevation prop should not require elevation (378f593)
• VAutocomplete,VCombobox: camelize item props for prepend icon and avatar (8a20623), closes #20989
• VProgressLinear,VIconBtn: avoid Vite v8 dropping transition timing (f23af8a), closes #23046
• VStepperVerticalItem: unnecessary error color to step content (fce4eaa), closes #23032
• VStepperWindow/VTouch: guard against double teardown (#23030) (54a2b6a)
• VTextField: respect hide-details="auto" with counter (#22620) (a94efe4), closes #19998