v4.0.0-alpha.0

Documentation: https://next.vuetifyjs.com/
Upgrade guide: https://next.vuetifyjs.com/getting-started/upgrade-guide/
Remaining issues: https://github.com/vuetifyjs/vuetify/milestone/62

🚀 Features

• display: reduce default breakpoint sizes (#19759) (853ce33)
• nested: add branch select strategy (4fcb72c), closes #22404
• styles: always use css layers (f7123c6), closes #3400 #20232
• styles: flatten layer names (#22460) (47bc400), closes #22443
• styles: possibility to opt-out from misc styles (#22405) (77d02f3)
• styles: add separate entry points (#22396) (f00902c), closes #20100
• styles: cut down CSS reset (#20960) (ae3e8c9), closes #17633
• styles: remove overflow-y from reset (27868d5), closes #1197
• theme: change default theme to 'system' (9c8506c)
• theme: support transparent colors (bb49662), closes #10299
• theme: remove unimportant option (e8845ff)
• VDataIterator: add items-length prop (#22360) (290836c), closes #19486
• VDatePicker: only emit start and end range values (#20621) (eef80ad), closes #9098 #18701 #20599
• VForm: unref values in slot props (f92ae7a), closes #18355
• VImg: pass attributes to the underlying <img> (#22439) (71e01aa), closes #18860 #18907
• VInput: add indent-details prop (#21265) (f483092), closes #16679
• VList: add navigation-strategy to control focused item (#22328) (3815eee)
• VListItem: expose isDisabled in slot props (9d92638)
• VNumberInput: do not clamp value on mounted (#21826) (4b4bfa5)
• VOtpInput: add density prop (#22401) (aca7d30)
• VSelect/Autocomplete/Combobox: rename item to internalItem (2c1ac25), closes #18354
• VSnackbar: remove multi-line prop (#22212) (1371aba), closes #15996
• VWindow: add support for keyboard controls (#22430) (ab5b671), closes #11544

🔧 Bug Fixes

• styles: skip VRow/VCol styles when using only VContainer or VSpacer (f899803)
• theme: re-merge default variables when themes is set (a14c763)
• theme: helpers should override theme base (2690877)
• theme: override automatic text color with classes (#22475) (59b11d5)
• theme: .text- classes always override color from .bg- (7edf33a), closes #21787
• VContainer: drop dependency on utility class (47ca5c8)
• VCounter: inherit color (aligns with VMessages) (#22424) (ecd07b9)
• VField: append/prepend should fill height (add5d2d)
• VOverlay: apply scrollbar offset to body and VNavigationDrawer (ec926d7)

🔬 Code Refactoring

• styles: replace !important with layers (7484c81)
• VBtn: remove default text transform (#21079) (712bdd6)
• VBtn: convert display from grid to flex (41b7768)
• VField: convert display from grid to flex (#21035) (b213e3b)

v3.11.6

🔧 Bug Fixes

• VCalendar: wrap unclamped timeToY (3b4b5e6), closes #22413
• VCalendar: extend start of event on following day (4f7cc6a), closes #22480
• VColorPicker: disable swatches (#22472) (8dbacad), closes #22471
• VDatePicker: accept custom control-height (#22479) (b47a4ce), closes #22478

v3.11.5

🔧 Bug Fixes

• VDataTableVirtual: show index from virtualized items (#22324) (29e3f09), closes #19108
• VList, VTreeview: item should be selectable when disabled changes (#22464) (d6ca166), closes #22366
• VNumberInupt: respect error prop (69862ea), closes #22451
• VOtpInput: hide placeholder on focus (0852c8c)
• VTreeview: bypass disabled when loading selection state (#22465) (70dd313), closes #22353
• VTreeview: prevent selection of disabled nodes (0de4599), closes #22352

🧪 Labs

• VDateInput: keep focus on input when opened with year view (b58e361), closes #22323
• VDateInput: hide empty prepend slot (28fe71e), closes #22456
• VDateInput: clickable prepend icon when handler exists (776a462)
• VStepperVertical: restore default opacity of item title (f30a081), closes #22467

v3.11.4

🔧 Bug Fixes

• fields: keep inert on root element (8dea3bc)
• VSelect: clear on backspace (#22435) (f90f8ab), closes #22422
• VSelects: restore appendInnerIcon rendering (#22431) (5e9fa29), closes #22429
• VSlider: pass aria- attributes to thumb element (#22444) (83b55f5), closes #22432

🔬 Code Refactoring

• styles: replace if() with @if (5391930), closes #22421

🧪 Labs

• VColorInput, VDateInput: add picker-props (#22437) (ea6d861), closes #22436
• VDateInput,VMaskInput: add specific classes (#22447) (f539630), closes #22334
• VDateInput: make prepend-icon unfocusable (#22445) (c917533), closes #22333

v3.11.3

🔧 Bug Fixes

• fields: clean up aria attributes (#22418) (054dbf4)
• types: support strict TS checks in templates (#22395) (02710a6)
• v-ripple: remove mousedown and keydown listeners on unmount (278a7e9)
• VAppBar: prevent navbar pop-up when reaching page bottom (#22224) (8da1495), closes #20352
• VAutocomplete, VCombobox: skip subheader for auto-select-first (#22402) (9edd98c), closes #22398
• VBtn: keep all styles within CSS layer (c794da1)
• VColorPicker: render inner outlines in forced-colors mode (#22317) (c61c0d3)
• VDataTable: selecting group should respect selectable prop (#22410) (e295fa6), closes #22409
• VDataTable: typo in header field intent » indent (f44b2fd)
• VDataTableFooter: correct placement of aria label (#22359) (137cb95), closes #20896
• VDatePicker: correct year and month for jalali (41067af), closes #22417
• VDatePicker: correct next year button disabled condition (04a4608), closes #22408
• VHotkey: avoid build errors when customizing VKbd sass variables (fa1fb4f), closes #22372
• VInput: prioritize slots over prepend/append icons (#22406) (2a998ee), closes #22332
• VNumberInput: clean up listeners on unmount (045bbaf)
• VOtpInput: apply rounded prop to inner fields (#21499) (f49803a), closes #20286
• VOverlay: clean up focus trap listeners and data on unmount (497ae4b), closes #22397
• VSelect: don't skip continuing keyboard lookup match (f1f3c45), closes #22423
• VSelects: no closable chips when readonly or disabled (#22368) (21c85eb), closes #22349
• VSlider: clean up listeners on unmount (f2621a3)
• VTextarea: avoid placeholder obstructing the label (27e854f), closes #22416
• VTextArea/VSelects: help screen readers read field labels (#20339) (04b6725), closes #19155 #19156
• VTimePicker: don't inherit defaults from VTextField (3ffa749), closes #22407
• VTimePicker: clean up listeners on unmount (60183d7)
• VTooltip: should be dismissable by default (#22419) (c5ae129), closes #21501
• VVirtualScroll: show more than 1 element when min height is 0 (#22420) (08550fd)
• VWindow: set transition-duration css variable (4676b6d)

🧪 Labs

• VVideo: clean up listeners on unmount (0d37af0)

v3.11.2

🔧 Bug Fixes

• VDataTable: hide checkbox for mobile without show-select (d297f3f), closes #22375
• VDataTable: hover icon should match initial-sort-order (7a1ae83)
• VDatePicker: correctly render month when using Luxon adapter (f98d9db), closes #22388 #22389
• VHotkey: correct sass variables import order (216b872), closes #22372
• VNumberInput: avoid error state when using comma separator (513e153), closes #22371
• VSlideGroup: provide a way to never show arrows (b76ffd5)
• VTabs: consistent padding for inset (893eb71)
• VTabs: keep slider narrow when used without inset (eb9477c), closes #22363
• VTextField: check autofocus intersection on input wrapper element (0409cde), closes #22373

🧪 Labs

• VStepperVertical: avoid semi-transparent items with non-linear (99a68e5), closes #22369

v3.11.0

v3.11.0 (Harbinger)

🏅 Component promotions

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

• VCalendar
• VHotkey

💯 Release notes

🚀 Features

• theme: add layers option (#22215) (79e00cc)
• VBreadcrumbs: pass props and width to items (#22213) (a8751b2), closes #12249
• VCalendar: promote from labs (fc8f0b7)
• VCombobox: create new items when pasting with line breaks (#22304) (7c53fa0), closes #10813
• VDataTable: apply color to internal controls (#22157) (0b3315d), closes #22097 #19700
• VDataTable: add initial-sort-order prop (#22156) (b2f632f), closes #11117 #20615
• VDataTable: multi-sort mode and keyboard modifiers (#22133) (54bbc84), closes #22132
• VDatePicker: align control variants with MD3 (#21589) (5337a8b), closes #20717
• VDatePicker: add events and event-color support (#20965) (22dfb1b), closes #19296
• VDivider: add content-offset prop (e6b6284)
• VDivider: add variant prop (8a6c279)
• VDivider: add gradient prop (60367cd)
• VList: add prepend-gap and indent props (#20616) (bd4a87b)
• VNagivationDrawer, VOverlay: add retain-focus prop (#22106) (d49788b), closes #16140
• VNumberInput: show error state when out of range (#21825) (2e2cddb)
• VOverlay: add viewport-margin prop (#22243) (77b77cb)
• VProgressCircular: add rounded prop (#22051) (2bd681d)
• VStepper: add new item-props prop (#20651) (b76d996), closes #19036
• VTabs: add inset prop (#22221) (a90c736)
• VTabs: add new prop, slider transition (#19556) (ee4fb38), closes #15798
• VTabs: slots for prev/next (#21976) (bb15873), closes #21969
• VTextarea: add max-height prop (#22286) (ac35aa7), closes #22284
• VTimePicker: input variant (#21601) (492b6af), closes #6957 #20714 #22056
• VToolbar: add collapse-position prop (#17937) (b1c2906), closes #11378
• VTreeview: add no-data slot (#22031) (6ebe9fd), closes #21954
• VTreeview: add footer slot (#22130) (a87a3fd), closes #22100
• flex: add justify-items classes (#22346) (bb30fc2)

🔧 Bug Fixes

• VAutocomplete, VCombobox: correct cursor for the field (075855f)
• VDatePicker: adaptable width for month view (ed53ef7)
• VDatePicker: support landscape mode (#22305) (5768788), closes #18274 #20605
• VInfiniteScroll: hide side element when empty (#21749) (55f8b52), closes #21705
• VRating: correct keyboard controls (#22314) (4410e30), closes #21561
• VTreeview: faster interactions with large trees (#22255) (9d5a1d4), closes #21720
• VTreeview: indent-lines support for footer slot (efa50e4)
• VCalendar: expose updateTimes (c77d2b3), closes #22354

🧪 Labs

• VHotkey: alignment & sizing consistency (#22321) (502375c), closes #22289
• VHotkey: add slash separator (2369274)
• VHotkey: respect display-mode in PC mode (62bb4dd)

---

Changes from 3.11.0-beta.1

🚀 Features

• VHotkey: promote from labs (507f46e)
• VSelect: apply compatible itemProps to chips (#22339) (69a2eba), closes #22337

🔧 Bug Fixe...

v3.10.12

🔧 Bug Fixes

• v-tooltip: prevent showing empty tooltip (#22347) (045362e), closes #22345
• VSelect: Use hidden input for native form submissions (#22330) (3966739), closes #21097

v3.11.0-beta.1

🚀 Features

• VHotkey: promote from labs (507f46e)
• VSelect: apply compatible itemProps to chips (#22339) (69a2eba), closes #22337

🔧 Bug Fixes

• VCalendar: correct interval and event offset with custom firstTime (#22343) (3cc2502), closes #12563 #12681
• VCalendar: calculate week numbers using current locale (#22341) (4c48d6d), closes #22340
• VCalendar: make current day button outlined (64b4dae)
• VCalendar: day button font size and no active state (#22336) (c97e034), closes #22335
• VDatePicker: ignore model update if same day (48da580), closes #22338
• VOverlay: keep content attached to the activator on page with zoom (3085a93), closes #22326
• VTextField, VTextarea: keep input visible for password managers (7ea8810), closes #21912 #20343

🧪 Labs

• VIconBtn: align text vertically (c6a9334)

v3.11.0-beta.0

🏅 Component promotions

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

• VCalendar

💯 Release notes

🚀 Features

• theme: add layers option (#22215) (79e00cc)
• VBreadcrumbs: pass props and width to items (#22213) (a8751b2), closes #12249
• VCalendar: promote from labs (fc8f0b7)
• VCombobox: create new items when pasting with line breaks (#22304) (7c53fa0), closes #10813
• VDataTable: apply color to internal controls (#22157) (0b3315d), closes #22097 #19700
• VDataTable: add initial-sort-order prop (#22156) (b2f632f), closes #11117 #20615
• VDataTable: multi-sort mode and keyboard modifiers (#22133) (54bbc84), closes #22132
• VDatePicker: align control variants with MD3 (#21589) (5337a8b), closes #20717
• VDatePicker: add events and event-color support (#20965) (22dfb1b), closes #19296
• VDivider: add content-offset prop (e6b6284)
• VDivider: add variant prop (8a6c279)
• VDivider: add gradient prop (60367cd)
• VList: add prepend-gap and indent props (#20616) (bd4a87b)
• VNagivationDrawer, VOverlay: add retain-focus prop (#22106) (d49788b), closes #16140
• VNumberInput: show error state when out of range (#21825) (2e2cddb)
• VOverlay: add viewport-margin prop (#22243) (77b77cb)
• VProgressCircular: add rounded prop (#22051) (2bd681d)
• VStepper: add new item-props prop (#20651) (b76d996), closes #19036
• VTabs: add inset prop (#22221) (a90c736)
• VTabs: add new prop, slider transition (#19556) (ee4fb38), closes #15798
• VTabs: slots for prev/next (#21976) (bb15873), closes #21969
• VTextarea: add max-height prop (#22286) (ac35aa7), closes #22284
• VTimePicker: input variant (#21601) (492b6af), closes #6957 #20714 #22056
• VToolbar: add collapse-position prop (#17937) (b1c2906), closes #11378
• VTreeview: add no-data slot (#22031) (6ebe9fd), closes #21954
• VTreeview: add footer slot (#22130) (a87a3fd), closes #22100

🔧 Bug Fixes

• VAutocomplete, VCombobox: correct cursor for the field (075855f)
• VDatePicker: adaptable width for month view (ed53ef7)
• VDatePicker: support landscape mode (#22305) (5768788), closes #18274 #20605
• VInfiniteScroll: hide side element when empty (#21749) (55f8b52), closes #21705
• VRating: correct keyboard controls (#22314) (4410e30), closes #21561
• VTreeview: faster interactions with large trees (#22255) (9d5a1d4), closes #21720
• VTreeview: indent-lines support for footer slot (efa50e4)

🧪 Labs

• VHotkey: alignment & sizing consistency (#22321) (502375c), closes #22289
• VHotkey: add slash separator (2369274)
• VHotkey: respect display-mode in PC mode (62bb4dd)