v4.0.5

Important

Vuetify Needs Your Support! The OpenCollective funds have been fully exhausted. We are currently unable to compensate our contributors for their continued 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 | Sponsor via GitHub

Every contribution helps us keep Vuetify alive and ship exciting new features.

Thank you.

---

🔧 Bug Fixes

• SSR: avoid errors when rendering with latest Vue (#22764) (ecbe030), closes #22762
• types: support noUncheckedSideEffectImports (2098fb1), closes #22766
• useActivator: avoid closing hovered menu when tooltip hides (131e659), closes #22759
• VSnackbar: avoid blocking navigation (143ceaa), closes #18283

🧪 Labs

• VPie: shrink back hovered slices on mouseleave (1893748)

v3.12.5

🔧 Bug Fixes

• useActivator: avoid closing hovered menu when tooltip hides (71d657b), closes #22759

Other Commits

• chore(release): publish v3.12.5 (9394e4b)
• docs(VNumberInput): correct description of control-variant prop (94240b3), closes #22782
• docs(Sponsors): use visibility scope for Home page (#22751) (b19c82a)

v4.0.4

🔧 Bug Fixes

• VCol: correct types for offset-* props (1cdd9c4), closes #22740
• VField: label transition on page with zoom (1fcad6b), closes #22747
• VSelect: prevent brief error state when clicking a menu item (7fec2d4), closes #22742
• VTimePicker: avoid loading all CSS utilities (015da52), closes #22733

🧪 Labs

• rules: type resolution for custom rules (#22701) (053b605), closes #22688
• VFileUpload: adding/replacing files with dropzone click (#22741) (eb95c9e), closes #22737

v3.12.4

🔧 Bug Fixes

• VField: label transition on page with zoom (6246a96), closes #22747
• VTimePicker: avoid loading all CSS utilities (884e5dc), closes #22733

🧪 Labs

• VFileUpload: adding/replacing files with dropzone click (#22741) (86f3568), closes #22737

v4.0.3

🔧 Bug Fixes

• hotkey: resilient sequence parsing (#22704) (cae1cea), closes #22399
• md2: restore correct global rounding (6d1ef04), closes #22707
• VDataTable: reactive items from expanded with return-object (5d7af2c), closes #22189
• VExpansionPanels: apply rounded only to the first and last panel when closed (dbc7421), closes #22722
• VGrid: restore no-gutters instead of mapping to "compact" (947d7d5)
• VSkeletonLoader: less jitter when scrolling on slow device (468ba31)
• VTooltip: correct selector for non-interactive tooltips (15b3cbd), closes #22724 #22726

🧪 Labs

• VMaskInput: accept escaped characters in mask (#22727) (a5d1116)
• VProgress: create new component (#22682) (122cdeb), closes #22256
• VVideo: add hide-progress-bar prop (#22636) (0e5a2cb), closes #22633
• VVideo: add src-object prop for MediaStream/WebRTC (#22670) (575e7c5), closes #22568

v4.0.2

🚀 Features

• icons: add Material Symbols iconset via UnoCSS (#22680) (6c463c1), closes #20053
• VDataTable: expose prevPage, nextPage, setPage in bottom slot (#22681) (4d1aa79)

🔧 Bug Fixes

• hotkey: add delimiter aliases without delimiter ambiguity (#22635) (a639698)
• rounded: add missing "md" size (#22679) (47cffdd)
• router: replace next() deprecated in Vue Router v5 (#22643) (87c4129), closes #22632
• VDataTable: respect disableSort prop for sortable header (#22684) (767b0e8), closes #22523
• VFileInput: correct VField ref type (41a6063), closes #22309
• VGrid: avoid warning about no-gutters being deprecated - it is not (5d8ec63)
• VNavigationDrawer: fully clip list item text in rail mode (6b448cd), closes #22564 #22564
• VNumberInput: prevent input changes when readonly (#22692) (2b1ed0d), closes #22677
• VSelect/VAutocomplete/VCombobox: let focus leave to other fields (51196cf), closes #22697
• VTextarea: correct VField ref type (0d689aa)
• VTimePicker: keep hour value when changing AM/PM (b030df8)

🧪 Labs

• VAvatarGroup: ❗ change the limit behavior to cover overflow item (e580ebc), closes #22702 #22703
• VCommandPalette: add closeOnSelect prop and before-select event (#22634) (d534f79)
• VCommandPalette: correct name of the inner component (bfed30c)

v3.12.3

🔧 Bug Fixes

• hotkey: add delimiter aliases without delimiter ambiguity (#22635) (0e6a9c6), closes #22399
• router: replace next() deprecated in Vue Router v5 (#22643) (4e93846), closes #22632
• VNavigationDrawer: fully clip list item text in rail mode (ab42b13), closes #22564 #22564
• VNumberInput: prevent input changes when readonly (#22692) (995989c), closes #22677
• VSelect/VAutocomplete/VCombobox: let focus leave to other fields (3d33e2f), closes #22697
• VTimePicker: keep hour value when changing AM/PM (2c9cb0a), closes #22678

🧪 Labs

• VAvatarGroup: ❗ change the limit behavior to cover overflow item (5aefdac), closes #22702 #22703

v4.0.1

🚀 Features

• icons: add more iconsets based on UnoCSS (#22668) (6c8bea5)
• styles: CSS variables for fonts (#22666) (84495a3)

🔧 Bug Fixes

• theme: put theme stylesheet in body when loaded with unhead (2475a28)
• VBadge: correct props.dotSize fallback (a71f396), closes #22658
• VColorPicker: align sliders with controls (0d1ce90)
• VDataTable: improvements for sorting in mobile mode (54affe1), closes #22288 #22426
• VDataTable: keep fixed cells opaque when loading (ddca6ca), closes #21557
• VGrid: correct mapping for grid gap x/y (65b4278)
• VOtpInput: handle deletion via onBeforeinput for mobile compatibility (#22657) (2f8a4f9), closes #22628
• VPagination: suppress browser spacing (a6b7b93)
• VSelect: fix screenreader navigation to select options (#22602) (6c962b7), closes #22226
• VSlideGroup: don't read dom attributes in computed() (a51b313), closes #22644
• VSlider: reduce affix margins (18af2d2)
• VSnackbar: opaque background for transparent variants (#22646) (e83fa88), closes #18871
• VTimeline: keep dot border when using numeric dot size (6764c95), closes #22499

🧪 Labs

• VFileUpload: hide-browse should hide divider as well (84f70ef)
• VFileUpload: expose controlRef for internal <input /> (36d3d3c)
• VFileUpload: append instead of replacing files when multiple (c93d2b7)
• VFileUpload: integrate VInput & split internal logic (#22637) (027ab86)

v3.12.2

🔧 Bug Fixes

• VDataTable: improvements for sorting in mobile mode (c3b3278), closes #22288 #22426
• VDataTable: keep fixed cells opaque when loading (35e1e2c), closes #21557
• VSelect: fix screenreader navigation to select options (#22602) (f906336), closes #22226
• VTimeline: keep dot border when using numeric dot size (9511bc3), closes #22499

🧪 Labs

• VFileUpload: hide-browse should hide divider as well (db3b4a2)
• VFileUpload: expose controlRef for internal <input /> (4a21b87)
• VFileUpload: append instead of replacing files when multiple (98f7561)
• VFileUpload: integrate VInput & split internal logic (#22637) (251adb0)

v4.0.0

v4.0.0 (Revisionist)

Welcome to the v4.0.0 release of Vuetify!

Supporting Vuetify

Vuetify is an open source MIT project that has been made possible due to the generous contributions by sponsors and backers. If your business depend on Vuetify, please consider joining sponsors and backers on various platforms to help support ongoing development and new features.

❗️ Important Links

• Documentation
• Upgrade Guide
• Report a Bug
• Community Discord

💯 Release notes

🚀 Features

• MD3 typography (#22557) (311daf4)
• MD3 elevation levels (#22461) (dfce695), closes #14198
• grid system overhaul (#21500) (f6d24a9), closes #8611
• VAvatar: add badge prop + dot-size for VBadge (#22496) (cc9f417)
• VCol: syntax for overriding row size (#22572) (43e8736)
• VRow: smaller density steps (#22574) (16b944f)
• VSelect/VAutocomplete/VCombobox: add menu-elevation prop (4605987)
• VSnackbarQueue: show multiple snackbars (#22605) (7248d20), closes #21927
• display: reduce default breakpoint sizes (#19759) (853ce33)
• styles: always use css layers (f7123c6), closes #3400 #20232
• styles: flatten layer names (#22460) (47bc400), closes #22443
• 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)
• 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
• VNumberInput: do not clamp value on mounted (#21826) (4b4bfa5)
• VSelect/Autocomplete/Combobox: rename item to internalItem (2c1ac25), closes #18354
• VSnackbar: remove multi-line prop (#22212) (1371aba), closes #15996

🔧 Bug Fixes

• colors: correct CSS layer name (47d4b70)
• defaults: skip undefined values (2a74859), closes #17845
• inputs: restore plain/underlined icon alignment (5495cca)
• styles: utilities should override responsive typography (#22573) (878907f)
• VSnackbarQueue: pause all items when collapsed and hovered (df63fec)
• 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)