🔧 Bug Fixes

• sass: move global style imports to component variable files (63f128f), closes #9323
• VAlert: typo in computedIcon (#9390) (15ba83b), closes #9386

🔧 Bug Fixes

• activatable: get activator element from event or nested component (#9294) (4b73dd2), closes #8846
• locale: fix ko translation of noDataText (#9305) (058b1fe)
• locale: update Thai translation. (#9292) (5d5241c)
• VAutocomplete: default broswer autocomplete to disabled (3387708)
• VDatePicker: fix min date (#9097) (45c07c5), closes #9039
• VDatePicker: improve range performance (#9128) (349ae88), closes #9120
• VTextArea: fix clear icon overlapped by the scrollbar (#9190) (1c21d76), closes #8910

🔧 Bug Fixes

• bind-attrs: fix transition-group animation (#9224) (356034a), closes #9171
• locale: update japanese translation (#9238) (d7b8e5a)
• types: fix lang option name in preset (#9169) (06d17cf)
• VAutocomplete: disable browser autocomplete by default (#9246) (c01f564), closes #8395
• VAutocomplete: move eventlisteners to focus watcher (#9273) (6d77ea0), closes #9204
• VBtnToggle: allow individual v-btn color override (#9250) (9fc9393), closes #9226
• VImg: properly update image on src change (6eb5e6e), closes #9210
• VProgressLinear: invalid background position in RTL mode (#8421) (a870dfa), closes #8419
• VSelect: remove reference to missing variable (73e08a8), closes #8417
• VStepper: Increase selector priority .v-icon (#9262) (d650e7e), closes vuetifyjs/vuetify#9261
• VTimePicker: reset margin on full width (#9139) (b983ea5), closes #9119 #9141

🔧 Bug Fixes

• detachable: detach when lazy and inititally open (19bf5d3), closes #9175
• locale: update Turkish translations (#9183) (72959c4)
• VSelect/Autocomplete: fix filled prop height with dense (fd25779)
• VSheet: add removed border-radius sass variable (0949763)

🔧 Bug Fixes

• VAlert: properly remove border radius with tile prop (eefa18c)
• VAlert: properly inherit/pass down border-radius (7800d56)
• VCard: properly remove border radius with tile prop (3905b28)

🔄 Reverts

• "refactor(VTabsSlider): convert to functional" (1c0f0ad)

🚀 Features

• locale: add Czech translation (#8228) (8ec6f05)
• locale: add Lithuanian translation (#8605) (6216517)
• overlayable added color and opacity props (#8861) (fc7697d), closes #8301
• VAutocomplete: make items copy-pasteable (#7759) (c72f902), closes #6226
• VBtn: add retainFocusOnClick property (#9046) (14a0acd)
• VBtnToggle: add new variants (#7582) (33f031a), closes #4325
• VCard: add new shaped prop (18d732d)
• VCol: add justify-self property (1ba5f82)
• VDataFooter: added page-text prop (#8511) (d00534f), closes #8110
• VDataIterator: propagate and add toggle-select-all event (#8975) (c9b00db), closes #8974
• VDatePicker: pick date range (#8891) (64867ba), closes #1646
• VDataTable: added filterable property to header items (#8439) (00c6a73), closes #8242
• VImg: add lazy loading functionality (0df5f42)
• VInput: add dense prop (#8810) (5bfc87e), closes #1846
• VIntersect: add new directive (#9071) (9aee2d6)
• VLazy: add new component (86590b4)
• VListItem: add selectable prop (#8622) (b6c4f15), closes #8464
• VSelect: emit selected listIndex event (#7828) (b795145), closes #7808
• VSkeletonLoader: add new component (#9037) (160c7e8)
• VSnackbar: add border-radius sass variable (5b7341e)
• VTimePicker: am/pm i18n. (#9032) (0b8fa7c)

🔧 Bug Fixes

• VAppBar: v-model control when using elevate-on-scroll (#8584) (74b3270), closes #8583
• VSheet: remove default transition, display and position (fbcb008), closes #8272
• VTabs: scope tab white-space to horizontal only (a173b95), closes #8981
• VToolbar: remove overflow when collapsed (35b0fb1)

🔧 Bug Fixes

• provide backward compatibility for vue-meta@1 (#8922) (21e44d4)
• update hebrew translation (#8930) (4464455)

🔧 Bug Fixes

• SelectionControls: better scope css selector for input (d7d1ae3), closes #8523
• VCheckbox: wait for dom to process before changing indeterminate state (7080ed4), closes #8270
• VDialog: check if element is already focused on focusin event (fa0a893), closes #8459
• VDialog/VMenu/VTooltip: make all activators inline elements (b40fa43), closes #6951
• VPagination: display length if maxButtons is less than 1 (7f7391d), closes #8558
• VTabs: only indent tabs if overflowing (dc2850f), closes #8540
• VTabs: properly position slider after resize, fix align-with-title prop (a8c3f2a), closes #8621 #8653
• VTextField: better scope hover styles for outlined text-fields (9ddb4db), closes #8546

🔄 Reverts

• "fix(VDialog): inherit listeners (#8491)" (4579b1d)

🔧 Bug Fixes

• VNavigationDrawer: conditionally apply clipped z-index (15e554d)

🔧 Bug Fixes

• VCarousel: pass mandatory prop to the delimiters (#8639) (6c086cb), closes #8273
• VDataFooter: disable last page button if there's no items (#8590) (2277942), closes #8577
• VDataTable: default to first itemsPerPage option (#8578) (cb045a2), closes #8184
• VDataTable: page resets when server-items-length is zero (#8594) (39f9d8b), closes #8359
• VDataTable: use convertToUnit in table header width styles (#8592) (4a52142), closes #8591
• VTabs: slider hides behind the colored tab (#8600) (f74b70a), closes #8596
• VTextField: remove !important flag for bg-color (#8652) (83e1c9a)

🔧 Bug Fixes

• VBtn: correct larger size button font-size (d775278)
• VListGroup: adjust nested item padding only for nav/dense (d98a227)

Reverts

• "fix(Theme): fix issues for spa with vue-meta (#8412)" (c3d6092)

🔧 Bug Fixes

• locale: fix polish translation of dataTable.sortBy (4f5d329)
• VAlert: adjust dismissable button margins, decrease size (d3bfccb)
• VBtn/VToolbar: better scope default v-btn size (c3812fa), closes #8035
• VCardActions: update icon boundary when using v-btn (6517b58), closes #8042
• VListGroup: fade hover/focus effect when active (a9283e7), closes #8115
• VNavigationDrawer: display overlay over v-app-bar (6255bf5), closes #8040
• VProgressLinear: make progress not overlapped by buffer (b36e27f), closes #8114
• VRating: flip in RTL (d0eb357), closes #7381
• VSpeedDial: fix transition for tooltips (e8dbd0b), closes #8159
• VSpeedDial: make speed dial list non-clickable when it's closing (c158d04), closes #8203
• VTabs: prevent prop style bleed for nested tabs (8f126b8), closes #8303
• VTextField: recalculate prefix on prop change (f9049b3), closes #8268

🔧 Bug Fixes

• icons: use correct fa4 radioOn icon (d14dcc9), closes #8201
• locale: complete hebrew translation (e711fbf)
• theme: fix vue-meta theme on page navigation (#8234) (9324ec7), closes #7879
• VBtnToggle : fix borders between buttons (#8024) (4934e1e)
• VCalendar: end date and ripple errors (#8189) (bd793e9), closes #8096 #8175
• VCarousel: correct prev/next buttons size (#8122) (823cb2c)
• VDataTable: allow custom header icons (#7918) (e6c448f), closes #7647
• VDataTable, VSimpleTable: add missing rtl styles (#8200) (5a45ecf)
• VDialog: fix dialog error when clicking on overlay (#8246) (400542f), closes #8240
• VFileInput: fix rogue change events (#8193) (3568df3), closes #8167
• VList/VListGroup: add missing rtl margins and paddings (v2.0) (#7861) (e1ba658), closes #8125
• VListGroup: remove unnecessary css from header (055c246), closes #8222
• VProgressCircular: center inner content vertically and horizontally (4288072), closes #8232
• VSelect: tweak default menu max-height value (#8225) (7932d7a)
• VSimpleTable: fix hover (#8165) (13816f1)
• VSnackbar: properly assign width on mobile devices (c54ccbe), closes #8224
• VSwitch: inset styling in RTL (#8188) (d53c43c), closes #8130
• VTabs: margins in RTL mode (#8123) (e5e5f76)
• VTabs: set correct offset on touchend with rtl (1565a8e), closes #8116

🔧 Bug Fixes

• Theme: fix theme issue when using Vue Meta without SSR (#8079) (681051d)
• VCalendar: timed event sorting (#7806) (e38a763), closes #7777 #7777
• VDialog: make first child always span 100% width (0e5a192), closes #7253

🔧 Bug Fixes

• framework: add missing components to $_vuetify_subcomponents (#8080) (8aff65a), closes #8047
• goTo: get clientHeight from when target is (854c826), closes #6914
• VAvatar: force v-img to inherit avatar height/width (de68a07), closes #8056
• VBottomNavigation: increase specificity of v-bottom-navigation styles (#8073) (0ffc14c), closes #7998
• VBtn: re-add support for non-fab absolutely positioned buttons (23c8518), closes #7948
• VDataFooter: better handle custom item options (#8029) (8b7a25b), closes #8026
• VDataTable: center and disabled no-data/no-results text (#8106) (63d3e00), closes #8102
• VDataTableHeaderMobile: don't show disabled header in sort select (#8081) (2666cca), closes #8036
• VFileInput: unindent input when icon is empty (#8078) (d1a67ab), closes #8049
• VForm: when validate is manually called, properly validate all inputs (b411be4), closes #7999
• VListItem: update css selector for list-item-avatar styles (a689c03), closes #7930
• VPagination: restrict totalVisible to maxButtons (8195ac7), closes #7947
• VSnackbar: add correct exit animation (0efd2a1), closes #7981
• VSpeedDial: apply even padding on speed-dial list (4091792), closes #8039
• VSystemBar: propagate listeners to root element (c14aae7), closes #7960
• VTabs: add proper indentation for mobile scrollable and align-with-title (f380842), closes #6932

🔧 Bug Fixes

• VContainer: import new grid styles (0315233), closes #7978
• VSpeedDialog: change spacing between list and fab from margin to padding (4bfd0b4), closes #8015
• VTabs: allow proper adjustment of slider size (c31b01d), closes #8014

Sorry

⚠️ For information on how to upgrade to the beta, check out the initial release.

If this completely breaks everything and you can't easily fix it, feel free to revert to beta 8 and give me a telling off on Discord

⚠️ BREAKING CHANGES

Install eslint-plugin-vuetify to fix most of these for you

• Spacing helpers have changed to represent the number of 4px intervals from 0-12 (0-48px)
  • eg. px-7 is 7 * 4 = 28px
  • 3 -> 4
  • 4 -> 6
  • 5 -> 12
• Most "breakpointed" and "non-breakpointed" helpers have been normalised, eg. text-xs-center is now text-center as it applies to all screen widths unless overridden
• Children of .d-flex no longer have extra flex rules applied. This can be done manually with .flex-grow-1
• Helper classes changed:
  • scroll-y -> overflow-y-auto
  • hide-overflow -> overflow-hidden
  • show-overflow -> overflow-visible
  • no-wrap -> text-no-wrap
  • ellipsis -> text-truncate

Use the following regex to update spacing classes:

find: ([\s"][mp][axytblr])-5
replace: $1-12

find: ([\s"][mp][axytblr])-4
replace: $1-6

find: ([\s"][mp][axytblr])-3
replace: $1-4

🔧 Bug Fixes

• Overlayable: do not remove overlay if is still active after transitionend (dc30560), closes #7798
• Selectable: update hasColor data property on value change (818077f), closes #7855
• SelectionControls: tweak styles to properly match spec (7fab4bc)
• VBottomNavigation: decrease specificity of icon margin (85ac7d4), closes #7568
• VBtn: correct md2 fab sizes (f787b46), closes #7785
• VBtn/Tab: normalize vertical alignment (e2fc06b), closes #7832
• VCheckbox: normalize indeterminate behavior with native checkbox input (f7cd045)
• VChip: show ripple (61b0b31), closes #7863
• VDataTable: add theme styles for group header (a8634d6), closes #7853
• VDatePicker: increased css specificity (51e49cf)
• VExpansionPanel: increase specificity for active header icon rotate (8f83745), closes #7809
• VExpansionPanels: increase specificity of accordion style to avoid css leak (78c806a), closes #7809
• VFileInput: properly clear file input (dfc8948), closes #7848
• VIcon: normalize icon styles (3d9dc50)
• VListGroup: add missing click event propagation (204dcc6)
• VSpeedDial: add correct margin between btns inside of the dial list (5146c85)
• VSpeedDial: fix absolute styles and list separation from activator (c7bc9b0)
• VTextarea: recalculate textarea height when row-height changes (489ce4c), closes #7671
• VToolbar/VAppBar: properly show background on all browsers (f6c5cce), closes #7742
• VWindow: hide overflow when using show-arrows-on-hover prop (af003b6), closes #7542

🚀 Features

• Negative margin helper classes: .pr-n4 applies margin-right: -16px
• More responsive helper classes: .pa-md-6, justify-lg-center, order-sm-first
• Easier to use flex utilities: .flex-grow-1 and .flex-shrink-0 instead of .grow/.shrink
• New bootstrap-style grid system (#7327) (9c122fe), closes #1434 #5168 #5272 #6020 #7733

⚠️ For information on how to upgrade to the beta, check out the initial release.

🔧 Bug Fixes

• elevatable: allow elevation value of numeric 0 (e690b23)
• validatable: setup proper validation state coloring on all inputs (#7810) (62e8fe0)
• VBtn: adjust style declaration for v-icon color inheritance (0b6784d)
• VCalendar: ellipsis weekday names when overflowed (d400b2c)
• VCard: prevent overflow in flex containers (18b9bf0)
• VExpansionPanel: remove flex style designation to v-item-group children (d526302), closes #7524
• VPagination: remove ul padding from base (1ab51bf)
• VTabs: tabs default color (79016c3)
• VTabs: typo in var name, changed max width to match md specs (47689ca)
• VTextField: remove filled variant border override (7e98189)

🚀 Features

• VFileInput: add new component (#7654) (1d4dd66), closes #238

⚠️ BREAKING CHANGES

• validatable: all form inputs default to white when using the dark prop unless the application is set to dark mode

⚠️ For information on how to upgrade to the beta, check out the initial release.

🔧 Bug Fixes

• styles: broken rtl spacing and text-alignment classes (6c79093)
• VApp: add missing theme propagation from $vuetify object (2589d0c)
• VTab: increase specificity of color (a9376db)
• VTabsItems: change inferred theme variant (cf180d4)

⚠️ BREAKING CHANGES

• VApp: the dark and light prop no longer have an effect on application theme variants

<!-- v1.5 src/App.vue -->

<template>
  <v-app dark>
    ...
  </v-app>
</template>

// v2.0 src/plugins/vuetify.js

import Vue from 'vue'
import Vuetify from 'vuetify'

Vue.use(Vuetify)

export default new Vuetify({
  theme: { dark: true }
})

⚠️ For information on how to upgrade to the beta, check out the initial release.

🔧 Bug Fixes

• VAvatar: ensure text is always aligned properly (cf94c0b)
• VBadge: ensure text is always aligned properly (7f5b257)
• VBreadcrumbs: support aria (0e8ca8f)
• VBtn: add letter-indent to combat off center caused by letter-spacing (606dfd5)
• VBtn: adjust icon margin and size calculation to properly match spec (45df4b3)
• VBtn: fix style application for text/outlined variants (4d995c9)
• VCalendar: proper fix for using next/prev with irregular weekdays (1222e2a), closes #7155
• VCalendar: throw error when no days available (#7675) (032aadc), closes #7155
• VCalendar: update scoped slot names to kebab-case (#7673) (7835965), closes #6704
• VChip: add active prop to replace existing value functionality (f9eadbe), closes #7715
• VCombobox: properly enable auto-select-first (c84c2fb), closes #6607
• VDialog: add missing a11y roles (1ee52bd)
• VDivider: adds a11y attributes (#7708) (83bc365)
• VIcon: add notranslate (0c9b5f3), closes #7689
• VList: add missing - in nav class styles (7eab403)
• VList/Item/Group: improve a11y (#7651) (5928b65)
• VSelect: allow new item creation after one is selected (e809466)
• VSelect: pass attrs through scoped slot (b70434b)
• VSelect/VChip: selected state in input fields (4dabf8b), closes #7719
• VSelectList: move selection listener to simple-checkbox (80d8884), closes #7692
• VSparkline: negative values, labels being cut off (#7664) (30348c8)
• VTabs: ensure v-tabs doesn't force overflow in flex elements (5532ac5), closes #7720
• VTabs: remove swiping propagation for tab touch events (#7607) (9d3937f), closes #6462 #6801
• VTabs: resolve broken link association for a11y (186eec1)
• VTextField: improve text-field prop combination styling (d0e5060), closes #7711
• VToolbar: give proper default tag and allow for a custom one (47d56b2)

⚠️ BREAKING CHANGES

• VChip: the value prop is now active, @input listener is now @active.sync
• VList/Item/Group: the item scoped slot value of { tile } is now { attrs, on }. is now bound similar
  to the v-menu activator slot

VChip Change

// v1.5

<v-chip :value="true" @input="value = $event">...</v-chip>

// v2.0

<v-chip :active.sync="active">...</v-chip>

VList/Item/Group Change

// v1.5

<v-select>
  <template v-slot:item="{ item, tile }">
    <v-list-tile v-bind="tile">
       ...
    </v-list-tile>
  </template>
</v-select>

// v2.0

<v-select>
  <template v-slot:item="{ item, attrs, on }">
    <v-list-tile v-bind="attrs" v-on="on">
       ...
    </v-list-tile>
  </template>
</v-select>

⚠️ For information on how to upgrade to the beta, check out the initial release.

🔧 Bug Fixes

• normalize component active/hover/focus states (#7519) (3ab588a)
• ripple: add ripple property to denote touch enabled (#7619) (985c634), closes #7605
• VAutocomplete: remove space preventDefault (7583d79)
• VDataTable: disable header sorting if disable-sort is true (#7665) (1809a1c), closes #7657
• VInput: attrs should be applied on input not root element (#7579) (318553a), closes #5412
• VList: pass in measureable styles (#7570) (0fa7e73)
• getObjectValueByPath: improve performance (#7543) (02f5471), closes #7302
• VBtn: ensure .v-btn__content extends full width (aa30554), closes #7580
• VDataTable: added isMobile boolean to body slot props (953a757)
• VDataTable: missing styles for headers (eed1e2f)
• VMenu: avoid potential stack overflow with no clickable tiles (7d3b8e9)
• VSelect: resolve bug in safari/ie11 with event order disparity (5fa6a68), closes #6608 #5913
• VSelect: tab selection (4963f72), closes #5614 #7544
• VSparkline: filled line should not obscure labels (b4fc0bd), closes #7473
• VSparkline: show custom labels when using bars (#7642) (454235d), closes #7584
• VToolbar: reverts fix in #7499 in favor of flex property (8d9b25e)
• VTreeview: propagate item-disabled to child nodes (52b6413)
• VWindowItem: resolve content jumping on transition (not scroll related) (46b563b), closes #6206

🚗 Code Refactoring

• VTextField: remove browser-autocomplete prop (68f85d6)

🚀 Features

• locale: add Norwegian translation (#7587) (b78fe28)
• styles: add rtl/ltr start/end spacing and alignment (#7448) (3a51619), closes #4660
• VCalendar: events improvements (#6475) (964a750), closes #6264, #6307
• VDataTable: add row click event (#7578) (e3e494a), closes #7491
• VSparkline: render negative values in bar mode (f8d180c)
• VTreeview: color prop (#7617) (b60b094), closes #7613
• VTreeview: item-disabled prop (#7618) (ae15ed8)
• VTreeview: rounded/shaped props (#7616) (acfdef7), closes #7614
• VTreeview: add selectionType prop (#7575) (2ecec4a), closes #6903
• include helper json in built dist folder (#7551) (ce8538f)

⚠️ BREAKING CHANGES

• VTextField: v-select no longer has a default autocomplete of "on"

⚠️ For information on how to upgrade to the beta, check out the initial release.

🔧 Bug Fixes

• framework: prevent duplicated theme stylesheet id (#7443) (6b7e7b1)
• locale: update fa locale (#7439) (70180b8)
• locale: update ru locale (#7437) (dbf4a9e)
• VDataTableHeader: remove icon opacity (bf0a9e4), closes #6647
• VIcon: fix a11y with SVG (1866aca), closes #7428
• VIcon: missing default icons (796a22c)
• VTabs: normal tabs inside vertical tabs are vertical (#7357) (290c353), closes #7355
• VTextarea: apply single-line when using the full-width option (aad5156), closes #7442
• VTextField: add nowrap for prefix/suffix (dd31808), closes #6922

🚀 Features

• VDatePicker: selected items count translation (#7361) (dac2af9), closes #7070

⚠️ Breaking Changes

As outlined in the beta.0 release, previous deprecations were changed to be breaking changes. This means that you will still receive a warning, but it will NOT be backwards compatible.

⚠️ For information on how to upgrade to the beta, check out the initial release.

🔧 Bug Fixes

• input-controls: properly associate labels with inputs for a11y (7c4a1ad), closes #6178
• locale: update polish translations to 2.0 (2a57376)
• locale: update translation files structure to 2.0 (#7367) (87b1844)
• scripts: invalid path to jest binary in debug:test (509b297), closes #7350
• validatable: VuetifyRuleValidator can return string | bolean (b152757)
• VAppBar: remove width declaration on fixed bar (cf73093)
• VBadge: fix delay on closing badge if transition is disabled (#7287) (98d9a3a)
• VDataIterator: resolve type check error (4c65efd)
• VDataTable: fix header color (#7341) (b040ff3), closes #7334
• VDataTable: header icons should respect icon type (svg/non-svg) (#7342) (f8cfff5), closes #7338
• VGrid: wrap gutter equation in parentheses (6f09b23)
• VList: remove pointer events in &:before hover (c1b0a25), closes #7335
• VListItem: add missing disabled styles (ddc4e65)
• VMessages: update min-height to avoid screen jitter (96f874e)
• VSlider: fixed issue when value is NaN (bf83b6f)
• VSlider: set correct value when using negative min and 0 (928a518), closes #7320
• VTabs: properly set height when provided (1f446b4), closes #7345
• VTextarea: recalculate height on model update (#7363) (94a8344), closes #4683 #6978
• VTextField, VSelect: check the existence of input before focusing (f9139ec), closes #7059

🚀 Features

• locale: add Korean locale files (#7366) (f1cf81e)
• locale: remove obsolete gr.ts locale (f0a3b23)

🔄 Reverts

• VDataIterator: revert selection bool, return bool isSelected (d30c2e8)

🚧 DISCLAIMER 🚧

⚠️ DO NOT USE IN PRODUCTION ⚠️

This is specifically for developers who want to play with the absolute latest and greatest that is coming up in the framework. With the exception of critical bugs, all issues pertaining to the alpha will be closed without question.

🔧 Bug Fixes

• bootable: proper deprecation since eager is not a replacement (#7156) (213d300)
• VListTileTitle: don't cut badge (#7161) (f20cc01), closes #7117
• VTextField: fix color of prefix/suffix when disabled (#7189) (7bc4a08)

🚀 Features

• VTextField: update to md2 (#7157) (32c77ee)

🚀 Features

• VColorPicker: add a new component (#6988) (a5a1102)

🔧 Bug Fixes

• VSelect: update selected color (#7079) (8a5760c), closes #6685

🚧 DISCLAIMER 🚧

⚠️ DO NOT USE IN PRODUCTION ⚠️

This is specifically for developers who want to play with the absolute latest and greatest that is coming up in the framework. With the exception of critical bugs, all issues pertaining to the alpha will be closed without question.

🔧 Bug Fixes

• VListItem: fix for usage with external value (9c4c0f9)
• VSelect: fix entry animation and positioning (ae8f92a)

🚀 Updates

• VStepper: update to v2 (0d92edd)

🔧 Bug Fixes

• VBtn: remove line-height and references to old class and variables (2a94fb1)
• VChip: increase outline transparent specificity (639756a)
• VChip: override v-avatar min-width added in c3ee291 (cb212b4)

🔧 Bug Fixes

• locale: update carousel.next/prev translation (#6993) (50874af)
• VBtn: remove font-size overwrite by typography css (#6975) (189cbd2), closes #6974
• VOverflowBtn: remove top border (#6984) (aa14ca8), closes #6960
• VSpeedDial: add check for componentOptions existing on slot (#6905) (58a8725), closes #6901
• VTextField: provide correct margin-top for prefix (#6956) (0160a40), closes #6942
• VTextField: prevent TypeError when color is an empty string (#6982) (fc6a66b), closes #6981

🚧 DISCLAIMER 🚧

⚠️ DO NOT USE IN PRODUCTION ⚠️

This is specifically for developers who want to play with the absolute latest and greatest that is coming up in the framework. With the exception of critical bugs, all issues pertaining to the alpha will be closed without question.

Includes fixes from https://github.com/vuetifyjs/vuetify/releases/tag/v1.5.11

🔧 Bug Fixes

• VOverflowBtn: remove pointless method override (0a5aa74), closes #4533

🔧 Bug Fixes

• click-outside: check clicked element instead of position (559c579)
• dependent: don't close if a child's overlay is clicked (dbe3213), closes #5310
• v-messages: increase line-height of inputs messages (#6868) (5f88487)
• VBtn: limit FAB icon transition to direct children (a76ef42)
• VDialog: close when escape is pressed (c64ed2a), closes #6352
• VDialog: focus the first child when tab leaves the dialog (2d5d72b), closes #2538
• VDialog, VMenu: focus activator when closed with esc (cef2d1d)
• VMenu: delay closing when save is called (74e0bd1), closes #5200
• VMenu, VTooltip: detect when activator has position:fixed (#6460) (700bb49), closes #6471 #1551
• VSelect: highlight newly selected item on keypress (495ffaa), closes #6856
• VSelect: keep menu closed when removing chip items. (#6845) (a4761cb), closes #6844
• VuetifyGoToOptions: add missing properties to types (ee1078f)

🔧 Bug Fixes

• VTextField: check input change before mask logic (#6758) (9b354fd), closes #4290 #5223

🚧 DISCLAIMER 🚧

⚠️ DO NOT USE IN PRODUCTION ⚠️

This is specifically for developers who want to play with the absolute latest and greatest that is coming up in the framework. With the exception of critical bugs, all issues pertaining to the alpha will be closed without question.

📖 Documentation

https://next.vuetifyjs.com

🔧 Bug Fixes

• remove duplicated styles in dev (c53cc0e)
• use actual folder containing file for path transform (5182ee4)

⚠️ Breaking

You must now import both app.styl and main.sass.

// src/plugins/vuetify.js
import 'vuetify/src/stylus/app.styl'
import 'vuetify/src/styles/main.sass'

🚧 DISCLAIMER 🚧

⚠️ DO NOT USE IN PRODUCTION ⚠️

This is specifically for developers who want to play with the absolute latest and greatest that is coming up in the framework. With the exception of critical bugs, all issues pertaining to the alpha will be closed without question.

📖 Documentation

https://next.vuetifyjs.com

🔧 Bug Fixes

• _variables: remove conflicting sheet variable (070ec41)
• VBadge: fix invalid height when wrapping spans (ae12eaf)
• VBreadcrumbs: remove deprecated method (20cf338)
• VDataTable: add horizontal overflow scroll (bde7c8f)
• VItemGroup: return proper selected values when value is undefined (054edba)
• VItemGroup: select first non-disabled item with mandatory prop (6d1615f)
• VSlider: make sure stars do not wrap (c92e569), closes #6481
• Vuetify: reintroduced browser installation of Vuetify (7892e0a)
• VWindow: select first non-disabled window-item when using touch swipe (1938ee7), closes #5000

🚀 Features

• typography: change root font size, update caption rem size
• typography: update typography to md2 (#6653) (1f8b620)
• VItemGroup: update to md2 (#6631) (2d6d90c)
• VSlider: update to md2 spec (#6424) (5e7b72f), closes #5650
• VTabs: update to md2 (#6606) (f22d754), closes #3617, #3631, #3633, #3971, #4204, #4420, #4735, #5398, #5515, #5762, #6014, #6278, #6505, #6527, #6575
• VTimeline: add reverse functionality, convert to md2 (#6656) (deb3e3d), closes #5437

⚠️ BREAKING CHANGES

• v-tabs

  • The color prop is now background-color. Color now affects the default text and slider color
  • v-tabs-items no longer implicitly inherits the v-tabs model when nested. Must have :value or v-model explicitly defined
  • Various class names have been changed throughout
    • v-tab__div removed, use v-tab
    • v-tab__item -> v-tab
    • v-tabs__slider -> v-tabs-slider
    • v-tabs__bar -> v-tabs-bar

• Typography
  The root font-size is now 16px. Not all components/functionality have been updated to reflect this and may have larger than intended font size until future updates.

  • The following typography classes have been replaced:
    • subheading -> subtitle-1

🔧 Bug Fixes

• VMenu: respond to keydown when using scoped activator slot (1b4dbae), closes #6621
• VTooltip: min width is not applied (#6622) (b95b76e)

🔄 Reverts

• VAutocomplete: "fix(VAutocomplete): retain filtered list on item selection (#6388)", reverts 3b184b4

🚧 DISCLAIMER 🚧

⚠️ DO NOT USE IN PRODUCTION ⚠️

This is specifically for developers who want to play with the absolute latest and greatest that is coming up in the framework. With the exception of critical bugs, all issues pertaining to the alpha will be closed without question.

📖 Documentation

https://next.vuetifyjs.com

🔧 Bug Fixes

• _theme: fix font family (d5123e9)
• divider: resolve sass variable build error (05c79e9)
• entry-lib: fix directives export (635537e)
• VDataTable: update lang function (a73e076)

🚀 Features

What does update to md2 mean?

• If there was a specification that the component was derived from, it has been updated to match that
• Unit tests were moved from the root test folder to the updated component/mixin folder and switched from avoriaz to vue-test-utils
• Styles were converted from stylus to sass and moved to the updated component folder

• VBadge: update to md2 (#6514) (f5c9a9d)
• VBanner: add new component (#6520) (043fff0)
• VCalendar: use $vuetify.lang.current as default language (#6613) (5bd9708)
• VDatePicker: use $vuetify.lang.current as default language (#6320) (814a372), closes #5618
• VDivider: update to md2 (#6582) (5adf0ea)
• VLabel: update to md2 (#6584) (4dd4c9b)
• VMessages: update to md2 (#6585) (30a174f)
• VRating: update to md2 (bc91c41)

⌨️ Typescript

The following functionality has been converted to typescript:

• Mixins
  • maskable
  • detachable
  • selectable
• Components
  • VFooter
  • VTextarea
  • VTextField
  • VApp

Deprecated

• VJumbotron has been removed
• <v-text-field textarea> will no longer render a VTextArea

DISCLAIMER

⚠️ DO NOT USE IN PRODUCTION ⚠️

This is specifically for developers who want to play with the absolute latest and greatest that is coming up in the framework. With the exception of critical bugs, all issues pertaining to the alpha will be closed without question.

📖 Documentation

https://next.vuetifyjs.com

🚀 Features

• VGrid: add grow-shrink-0 (#6538) (2db5690), closes #6530
• restructure core, add services (#6464) (09c2617)

⚠️ BREAKING CHANGES

• Bootstrap
  Vuetify must now be instantiated and passed to the initial Vue instance. This is similar to how vue-router and vuex are bootstrapped.

// v1.5
import Vue from 'vue'
import Vuetify from 'vuetify'

const opts = { ... }
Vue.use(Vuetify, opts)

new Vue(...).$mount('#app')

// v2.0
import Vue from 'vue'
import Vuetify from 'vuetify'

const opts = { ... }
Vue.use(Vuetify)

new Vue({
  vuetify: new Vuetify(opts)
}).$mount('#app')

• Theme
  Now supports dark/light theme variants. The dark property has been moved into the theme property. Will dynamically change when toggling $vuetify.theme.dark. If only using one variant, you only need to define its colors.

// v1.5
const opts = {
  dark: true,
  theme: {
    primary: '...',
    ...
  }
}

// v2.0
const opts = {
  theme: {
    dark: true,
    themes: {
      light: {
        primary: '...',
        ...
      },
      dark: {
        primary: '...',
        ...
      }
    }
  }
}

• Icons
  Icon and iconfont declaration is now scoped under the icons property

// v1.5
const opts = {
  iconfont: 'mdi',
  icons: { ... }
}

// v2.0
const opts = {
  icons: {
    iconfont: 'mdi',
    values: { ... }
  }
}

• Goto
  Import location has changed. Must be explicitly bootstrapped with the Vuetify instance to use in vue-router scroll-behavior. Example of how to do this here. Reference documentation for scroll-behavior usage here.

// v1.5
import goTo from 'vuetify/es5/components/Vuetify/goTo'

// v2.0
import goTo from 'vuetify/es5/services/goto'

• Lang
  The translator function t is now nested under the lang property

// v1.5
this.$vuetify.t(...)

// v2.0
this.$vuetify.lang.t(...)

• Unit tests
  Testing with Vuetify is now similar to vue-router and vuex.

import { createLocalVue, mount } from '@vue/test-utils'
import Vuetify from 'vuetify'
import Component from 'path/to/my/components'

const localVue = createLocalVue()
localVue.use(Vuetify)

describe('Component.vue', () => {
  let vuetify

  beforeEach(() => {
    vuetify = new Vuetify(...)
  })

  it('should...', () => {
    const wrapper = mount(Component, {
      localVue,
      vuetify
    })
  })
})

DISCLAIMER

DO NOT USE IN PRODUCTION
This is specifically for developers who want to play with the absolute latest and greatest that is coming up in the framework. With the exception of critical bugs, all issues pertaining to the alpha will be closed without question.

📖 Documentation

https://next.vuetifyjs.com

🔧 Bug Fixes

• VIcon: fix theme (8f04200)

🚀 Features

• VAvatar: update to md2 (#6433) (b19947e))
• VIcon: update to md2 (#6439) (aca9ba5)

🔄 Reverts

• "fix(VAlert): fix border-radius bleedover" (3f6fa71)

⚠️ BREAKING CHANGES

• VChip/Group: value no longer controls visibility. input event emitted when clicking
  close is now click:close

Bug Fixes

• menuable: positioning when overflowing viewport (#6412) (912380f), closes #6294
• menuable: use activatorNode.elm if activated with v-model (8bf9e28)
• v-ripple: make event listeners passive (12c410e), closes #6407. Thanks @kevinmarrec for original change
• v-ripple: skip mouse events if triggered by touch (#6445) (34d265e), closes #6418
• VAutocomplete: update dynamically when itemText is updated (#6431) (50f0264), closes #6368 #6368
• VDataTable: Update selection when items change. (#6097) (33f4033)
• VDialog: allow the use of scrollable with forms (f90c8b9), closes #3713
• VDialog: prevent scrollable card from overflowing horizontally (b0dfdc4), closes #6420
• VDialog,VMenu,VTooltip: work around vue 2.6.4 $slots change (a865794, 0d3ab63), closes #6440
• VIcon: trim whitespace in icon name (#6408) (dc9547b), closes #6404
• VSelect: don't render a list tile if provided by item slot (e19189c), closes #6376
• VSelect: emit change after input event (d7b8288), closes #6136
• VSparkline: fix first bar not being visible (#6370) (fe03a7a)

Other

• add turkish locale file (#6384) (20d2332)
• updated vue to v2.6.6 (dd4e825)

🔧 Bug Fixes

• VNavigationDrawer: remove max-height style when undefined (7e310db)

📖 Documentation

https://next.vuetifyjs.com

DISCLAIMER

DO NOT USE IN PRODUCTION
This is specifically for developers who want to play with the absolute latest and greatest that is coming up in the framework. With the exception of critical bugs, all issues pertaining to the alpha will be closed without question.

🔧 Bug Fixes

• VAlert: fix border-radius bleedover (231e753)
• VBtn: actually hook up real rounded prop (470628a)

🚀 Features

• VSlideGroup: create new component (#6240) (7026f34)

📖 Documentation

https://next.vuetifyjs.com

DISCLAIMER

DO NOT USE IN PRODUCTION
This is specifically for developers who want to play with the absolute latest and greatest that is coming up in the framework. With the exception of critical bugs, all issues pertaining to the alpha will be closed without question.

🔄 Misc

• chore(package.json): add missing sass sideEffect (46d7884), closes #6162

📖 Documentation

https://vuetifyjs.com

🔧 Bug Fixes

• validatable: re-check validation after reset (4cc8b8c)
• VAutocomplete: may not show menu with hide-selected (#6091) (8799c48), closes #4580
• VTimePicker: emit change event after clicking minutes/seconds (#6079) (e9c9b58), closes #5951
• VTimePicker: remove unnecessary mixins prop (fab2488)
• VTooltip: update tooltip position dynamically (#5967) (84e5807), closes #4396

⌨️ Typescript

The following components have been converted to Typescript:

• VDatePicker subcomponents (VDatePickerTitle etc.)

🔧 Bug Fixes

• validatable: update external messages to accept null value (eef7d4f), closes #6025
• VCarousel: prevent container recreation (#5948) (f9ca3ec)
• VChip: Removes transparent border (#5956) (88c7b35), closes #5619
• VMenu: don't close on tab if child element has focus (#5716) (ad182c2), closes #5103
• VMenu: prevent scroll on keydown (#5872) (cfe48d7), closes #5714
• VOverflowBtn: apply correct cursor (#5943) (6cf3287)
• VOverflowBtn: remove top padding to fix alignment (86290be)
• VPicker: landscape layout bug (e180e9e)
• VSelect: fix rendering without attrs (#5973) (a55ff28), closes #5942
• VSnackbar: fixed deleted rtl style #6013 (24c47f4)
• VTabs: explicitly define tabs bar border-radius (29a3b08), closes #2926
• VTreeview: active-class applies to node and all its children (98bf6f9)

(2019-01-01)

Bug Fixes

• VSnackbar: fix missing rtl support (#6013) (4f18a8c)
• VTreeview: active-class applies to node and all its children (#5978) (3920f0e), closes #5854
• VTreeview: bug when removing and adding children (#5991) (3f2bb42), closes #5719
• VTreeview: open-all not working with some item keys (#5976) (d5f8266), closes #5711
• VTreeview: async loading using custom children key (#5977) (d5f8266), closes #5550

📖 Documentation

https://next.vuetifyjs.com

🔧 Bug fixes

• VDialog/VMenu: enable pointer-events for disabled activator (#5511) (90d0af9), closes #5472
• VExpansionPanel: hide v-card box-shadow (c639b06)

🚀 Features

• Breakpoints allow override of default thresholds (#5666) (4906f03)
• detachable: add activator scoped slot (#5318) (a025093), closes #2489 #3030 #3107 #4428 #5193
• Theme: change default warning color (e0888d3), closes #1693
• VDatePicker: add mouse events - click/dblclick (#5832) (3139768), closes [#3023]
• VIcon: add svg support (#4910) (6c0b89d)
• VMenu: add disable-keys prop (#5138) (d6b3297), closes #5103

🔧 Things we fixed

• VProgressCircular: fix type check for width prop (#5875) (e7eccfc)
• VSelect: close menu on tab out (8a2a1a1), closes #5774

🔄 Things we reverted

• VSelect: revert commit 980142f (d3bc050), closes #5871

🔧 Things we fixed

• VCarousel: pass value property to controls (#5758) (deb28c4)
• VDatePicker: display proper year when model is null (#5672) (78339a3), closes #5663
• VTimePicker: adjust inner/outer circle click detection in 24hr (f148646)
• VWindowItem: ensure afterEnter fires with no transition (8a1b483), closes #5683

🔧 Things we fixed

• VExpandTransition: check for parent existence before adding class (8f15d16), closes #5742

🔧 Things we fixed

• re-emit click events (390d289), closes #2477
• ListTile: remove duplicate event listeners (62362c5), closes #5383
• TextField: use correct color for prefix in disabled (#5648) (13814bd), closes #5481
• WindowItem: calculate height on leave (#5590) (af9bbd1), closes #5582
• WindowItem: change how transitionend is processed (ceddbce)

🔙 Things we reverted

• WindowItem: partially restore functionality removed in ceddbce (9aa40bf)

🔧 Things we fixed

• 31cfae6 fix(Btn): removed background from disabled outline button
• 454476c fix(Progress): parse values as floats instead of ints
• eefc276 fix(Chip): avatar size in small chips
• 5b6b76a fix(DataTable): correctly center the selection controls (#5542) (thanks @DRoet)
• 0de73ea fix(DataTable): support nested values for item key (#5241) (thanks @Ignigena)
• 49c1e6a fix(Select): add scopeId to VSelectList (#5574)
• c636f6c fix(Treeview): empty children expand icon (#5442)
• 78e76ff fix(List): hide input messages only when in .v-list__tile__action (#5578)
• 6657fe7 fix(Select): stop keydown.esc propagation (#5579)
• 161222c fix(TextField): use available space for active label (#5577)
• a3348e8 fix(Carousel): deprecate input event
• 97053db fix(ExpansionPanel): remove entry animation
• a967ef7 fix(ExpandTransition): remove delay, prevent layout jump when toggling
• 4acd24d fix(Menu): position problem with horizontal scrolling (#5527) (thanks @pynnl)
• 0f041ec fix(Btn): add v-tab link functionality to v-btn

🔧 Things we fixed

• dfcedde Fixed a scrolling bug with flexbox and IE11 (thanks @06b)
• 325a143 Selection controls will now properly set the checked attribute when selected
• #3038 v-list-group will now propery wrap a long v-list-tile-title
• #3485 Fixed prefix on input controls not working with longer text (thanks @aggarwaldev)
• #5005 Fixed a bug where v-select would allow a user update even when using the readonly prop
• #5334 Fixed a bug with v-treeview and the rtl mode
• #5362 Fixed a bug where validation when run on readonly inputs when they where blurred
• #5404 Fixed a css issue that caused selection controls to have margin bottom when only a single input was present
• #5426 v-data-table and v-data-iterator will now show the correct pagination when given an items array that is smaller than the current items

🔧 Things we fixed

• dfcedde Fixed a scrolling bug with flexbox and IE11 (thanks @06b)
• 325a143 Selection controls will now properly set the checked attribute when selected
• #3038 v-list-group will now propery wrap a long v-list-tile-title
• #3485 Fixed prefix on input controls not working with longer text (thanks @aggarwaldev)
• #5005 Fixed a bug where v-select would allow a user update even when using the readonly prop
• #5334 Fixed a bug with v-treeview and the rtl mode
• #5362 Fixed a bug where validation when run on readonly inputs when they where blurred
• #5404 Fixed a css issue that caused selection controls to have margin bottom when only a single input was present
• #5426 v-data-table and v-data-iterator will now show the correct pagination when given an items array that is smaller than the current items

🔧 Things we fixed

• #5371 Fixed regression caused in 4af99de
• #5455 Fixed a bug with v-radio-group label spacing with using the row prop

🔧 Things we fixed

• #4606 Fixed missing support for rtl on v-list
• #5153 Fixed an SSR node mismatch in v-img
• #5462 Fixed missing support for rtl on v-treeview

🚗 Things we changed

The repository has been restructured to utilize lerna and yarn workspaces. If you were locally linking Vuetify via yarn or npm you will need to make a few changes to your build process. Keep in mind, this should only affect users who were doing explicit development on Vuetify by locally linking the package so they could track updates in their package. This is not considered a breaking change. In order to locally link Vuetify there were steps already required that were not documented (due to it being an internal dev process).

If you have questions or concerns, please reach out to us in the community.

vue-cli-3

// vue.config.js
const path = require('path')

module.exports = {
  css: {
    loaderOptions: {
      postcss: {
        config: {
          // this is the path to your local postcss.config if applicable
          path: path.join(__dirname, './postcss.config.js')
        }
      }
    }
  },
  configureWebpack: {
    resolve: {
      symlinks: false
    }
  }
}

webpack

// webpack.config.js
module.exports = {
  resolve: {
    symlinks: false
  }
}

🔧 Things we fixed

• 4af99de removed unnecessary update of v-item-group state after mount, fix #5401 & #5410
• #5384 Fixed a bug where v-item-group would set its model to undefined when destroyed
• #5337 Removed default flex-grow from v-item-group
• #5397 Fixed v-card arrow direction in the opposite slot of v-timeline (thanks @jvanst)
• #5389 Allow clicking on append/prepend slots of readonly inputs (thanks @tomaszbakula)
• #5342 Update v-data-table CSS to target v-icon specifically (thanks @BePsvPT)
• #5212 Added type="button" to v-pagination buttons (thanks @materight)
• #5016 Fixed v-pagination text alignment on iOS (thanks @ryuhhnn)

🔧 Things we fixed

• #5352 Fixed a bug that caused v-tabs to not properly update its model if changed at the same time as adding a new tab
• #5340 Removed deprecated stylus variable
• #5348 Added back accidentally removed catalan locale
• #5365 Fixed improperly located progress loader that was causing v-autocomplete and v-combobox to blur when searching

⌨️ Typescript

• 28f53d0 Updated to version 3.1

🔧 Things we fixed

• 525a2f6 Inputs with success-messages will now be green without having to focus first
• f37e961 The mouse cursor on inputs will not change unless clicking will actually do something
• #3009 VTextField.blur() will now blur the internal input too
• #4617 Fixed a bug where v-navigation-drawer would not removing padding from the original side when right is changed
• #4754 Fixed a bug causing checkboxes to have underlines in v-select with multiple and attach
• #4815 Fixed a bug where the v-select menu could still show when readonly
• #4822 Fixed a bug preventing the v-select menu from showing when hide-no-data is changed
• #4825 Fixed vertical alignment of FAB icons (thanks @praveenpuglia)
• #4826 Fixed v-progress-linear styles in v-data-table (thanks @praveenpuglia)
• #4827 Fixed readonly on v-checkbox still allowing input
   
• e94119a Added a warning when multiple vue instances are detected

🔧 Things we fixed

• 74ff691 Added cursor: pointer to v-text-field's label
• d5cfdc2 Prevent keyboard navigation to disabled v-checkbox, v-radio, and v-switch
• #3433 Fixed a bug causing content in v-btn with the outline prop to be offset by 1px
• #4752 v-radio-group not emitting the new value when reset
  • NOTE: this removes the @input event from selection controls, it was never meant to be there. Use @change instead

📖 Documentation

The docs are still being fine tuned so you may see some deprecation warnings or missing information. This will be updated during beta before release.

• v1.2 Docs

🆕 New Components

• v-img
  • Lazy loading
  • Progressive images (via vuetify-loader)
  • Dynamic and static aspect ratios
• v-responsive
  • The same aspect ratio functionality as v-img, but without the lazy loading
• v-rating
  • Great for e-commerce products and customer reviews
  • Hover functionality

🚗 Things we added

• #809 Added multiple prop to v-date-picker (thanks @motia)
• #2175 Added support for nudge props on v-tooltip
• #2494 Themes (dark/light) are now applied through Vue provide/inject. Children will inherit from the first parent that provides theme or overwrite it if declared on the component
• #3316 New v-form method resetValidation
• #4061 Added new prepend-item and append-item slots for the v-select family (v-autocomplete, v-combobox, v-overflow-btn)
• #4294 New v-data-table prop header-key, for multiple headers with the same text
• #4408 Theme colors can now be objects, for full control over lighten/darken variations
• #4667 Components are now registered as PascalCase
• Added new locales:
  • Ukrainian (thanks @iliyaZelenko)
  • Polish
  • Russian (thanks @Djaler)
  • German (thanks @dmecke)
  • Portuguese
  • Greek (thanks @nkoik)
  • Chinese (thanks @myleslee)

🔧 Things we fixed

• da2f327 Fixed a bug where the deepEqual function did not support date comparison (thanks @YoanChapron)
• 517e64a Fixed a bug where v-navigation-drawer was not being sized properly
• af9660f Fixed a display bug with v-text-field box styles and error states
• #3636 Fixed a bug in v-pagination that would have a broken display under certain situations (thanks @clive107)
• #3974 Fixed old regression (from v0.17) where v-toolbar-title in the expanded slot did not have the proper margins (thanks @ebisbe)
• #4431 Fixed a regression preventing falsy values from showing in v-select
• #4629 Fixed naming convention of the v-expansion-panel header (thanks @ebisbe)
• #4688 Fixed a bug where the validatable mixin could cause an infinite loop when watching rules
• #4678 Added check for the overlayable mixin to check for presence of overlay after animationFrame

🔧 Things we fixed

• #2901 #3928 #4390 Resolved multiple bugs with v-navigation-drawer with the app prop while on mobile
• #4615 Fixed a bug where disabled styles on v-text-field were not being rendered properly

🔧 Things we fixed

• f03dbb5 Inputs should all pass through tabindex now
• 2dec42a Disabled text fields will have dashed underlines again
• #4641 Prevent vertical dividers taking up too much width
• #4647 Fixed a bug causing @click:append events to not be emitted correctly
• #4643 v-bottom-nav buttons can now shrink again
• #4635 Re-run validation when the rules array is updated
• #4642 aria-label can now be set manually on v-text-field

🔧 Things we fixed

• #4429 Fixed v-text-field spacing with hide-details enabled
• #4453 Fixed inheritance of light and dark for input labels, icons, and hints
• #4557 Removed border-radius from fullscreen dialogs
• #4559 Changed the CSS priority of padding and margin helper classes

⌨️ Typescript

The following functionality has been converted to typescript internally

• $vuetify.application
• v-bottom-nav

🔧 Things we fixed

• 3d7fc2a Fixed a bug where v-divider with the vertical prop would have a scaling width within a flex container
• 6e8b6b7 Temporary fix for functional wrapper component double model update (see vuejs/vue#8436)
• #3777 Fixed a bug that caused v-navigation-drawer to fire transition events improperly (thanks @runetvilum)
• #3294 Fixed v-tabs adding offset when scrolling to the last item (thanks @smiller171)
• #4397 Fixed a bug where v-tabs would show all v-tabs-items at once if no id was supplied
• #4393 Reduced the click target width of v-radio, v-checkbox, and v-switch to match their label width

Known bugs

• v-radio-group's label has a pointer cursor when hovered (fixed with 33a72be and 5dfc927)
• v-tabs model no longer works with strings (#4397)

Things we changed

• fa3842d Removed top margin from all enclosed fields (box, solo, and outline)

Things we added

• #4353 Added a background-color prop to v-text-field and descendants to bring back missing behaviour (see #4357)

Things we fixed

• 48dad2d Fixed v-btn margins when used as a menu activator in a toolbar
• 52a5f07 Changed v-icon's vertical-alignment to better align with other inline elements
• f15f851 Added back cursor styles to v-radio, v-checkbox, and v-switch
• e28325e Fixed a bug where v-btn with the fab prop was not transitioning properly when using v-fab-transition
• #4379 Removed the red outline on invalid inputs in firefox
• #4349 Fixed disabled styles on v-radio
• #4388 v-radio now properly inherits readonly and disabled from v-radio-group
• #4391 Pickers no longer overlap v-toolbar

Things we changed

• 5162c3d Removed disabled appearance from the no-data list tile
• 2340647 v-combobox now has return-object by default (Means you can now use objects as well as primitives)

Things we fixed

• e4d9349 Fixed v-autocomplete's default menu position
• 3f80d8e Fixed a bug where v-autocomplete was clearing the input field when pressing enter
• 6257e6d The flat prop will now work again on v-text-field
• 459551e Fixed a bug that caused the input cursor to swap position when pressing key up and key down
• 05c4d95 Fixed v-list styling within v-toolbar
• 345975d Fixed single select styles for v-autocomplete and v-combobox when not using the multiple prop
• 667d3f0 Fixed alignment issue in v-select in Chrome
• #4344 Fixed a bug that caused v-card to set a 0px height
• #4350 Fixed a bug that caused v-text-field to be improperly styled within v-data-table
• #4359 Fixed a bug that broke the ability to select an item in v-select when using the 'no-data' slot

Docs (WIP) and support

Documentation
Support

Upgrade guide

See v1.1.0-alpha.0, complete guide coming with stable release.

Things we added

• #4286 Added prepend-inner prop to v-text-field
• #4309 Added v-combobox component. <v-select combobox> and <v-select tags> are deprecated and should be replaced with <v-combobox> and <v-combobox multiple> respectively. combobox and tags props don't work now with <v-autocomplete> anymore (breaking change if you're coming from 1.1 alpha/beta version)
• #4319 Added support for vue-i18n integration

Things we changed

• #4003 v-container with the fill-height prop will now only affect the first v-layout as opposed to all (thanks @mitar)
• #4281 {location}-icon-cb props are being deprecated in favor of @click:{location}
• #4300 Converted multiple sections of the framework to use the convertToUnit helper function. v-progress-linear's height prop now accepts units, for example height="2em"

Things we fixed

• 2388874 Fixed word breaks in v-message
• 1ba4a17 Fixed list margins in v-toolbar
• #3197 Restored save/open/close/cancel events on v-edit-dialog
• #3641 Converted v-tabs to compare numbers when value is derived from index
• #4098 Fixed regression that caused v-select with the placeholder prop to not show
• #4196 v-time-picker will no longer switch to minutes when clicking a disabled hour
• #4215 Removed a deprecated style that caused issues with v-input when used within a v-card-action
• #4217 Fixed a bug where no-data-text wasn't displayed when item slot was provided v-select-list
• #4220 Fixed a bug where the no-data slot was not working with the combobox or tags prop on v-autocomplete
• #4232 Fixed v-textarea's resize handler position
• #4245 Fixed a bug with vuetify.goTo and IE11
• #4258 Fixed a regression from a4b5ce8 that caused v-flex to not take the full width of a column layout
• #4271 Fixed v-text-field prefix size
• #4273 Fixed a bug that caused v-autocomplete's search to reset while searching
• #4275 Fixed a bug that caused long v-select items to force the input to a new line
• #4278 Fixed a bug that caused hover styles when hovering prepend|append-outer icons
• #4282 Fixed scoped style attribute pass through for detachable components (v-tooltip, v-menu, v-dialog)
• #4305 Fixed v-toolbar gutters at various resolutions to now match v-container
• #4314 Fixed a bug in v-radio-group that caused overflow when using the label prop
• #4327 Fixed RTL mode for v-date-picker, v-carousel and pagination (v-pagination, v-data-iterator, v-data-table)
• #4331 Fixed v-input alignment within v-toolbar
• #4337 Fixed regression of v-counter showing when provided undefined

Things we added

• #4195 v-time-picker can now utilize both scrollable and allowed-values at the same time

Things we changed

• 6ac1b0b c646c66 Improved type definitions for a-la-carte
• 2b34235 Removed deprecated position style from v-label
• 08f65d4 html list ul/ol now have default padding (thanks @aldarund )
• #4110 Adjusted styles for v-btn in a v-list-tile-action to properly line up with a regular v-icon
• #4111 Adjusted keylines for v-toolbar and v-tabs
• #4165 v-stepper now uses $options.name when parsing its children (thanks @DanSnow )
• #4249 Added v- prefix to v-content
• #4254 Icon callbacks in all form components are being deprecated. Will now emit custom events. @click:prepend, @click:append-outer, @click:append, @click:clear
• #4257 Improved process for calculating auto-grow in v-textarea

Things we fixed

• 70dfc11 Changed component export for easier use with object spread
• 08a4473 Fixed a bug where v-select's input field would not properly wrap in IE11
• 0201375 Fixed outline hover styles for v-text-field
• #3371 v-time-picker will no longer switch back to the hours selector after selecting minutes
• #3828 The active year will now properly center in v-date-picker
• #4151 Can no longer select disabled dates with the keyboard when using v-date-picker
• #4173 Fixed dark / light styles for v-date-picker and v-time-picker
• #4187 Fixed v-label position when using type="time" in v-text-field
• #4223 Removed required as a prop from v-text-field
• #4226 Fixed a bug that caused a mis-calculation in $vuetify.goTo in some situations when using a class selector
• #4230 Fixed a bug that caused v-switch to not properly toggle when using custom false-value and true-value
• #4247 Fixed a bug that caused v-text-field to not properly validate when using the validate-on-blur prop
• #4248 Fixed hint positioning when using RTL
• #4256 Fixed a bug that caused an overflow bar when using v-text-field in a v-edit-dialog
• #4261 Fixed a bug where v-autocomplete would not properly set a search value when changed externally
• #4264 Fixed a bug where using v-select and selecting an item that has an array as the value, the selected items would not properly show

Things we fixed

• #4031 Updated event dispatched to window to fix IE11 error

Things we changed

• #4162 Updated to webpack 4, this should not affect anything. Proper tree-shaking still to come, we're still using commonjs modules for now.

Things we fixed

• #4124 Fixed regression where v-slider could not set step to 0
• #4088 Fixed regression where v-autocomplete was not propagating the content-class prop
• #4122 Fixed a bug where data-iterable mixin was referencing a computed prop in the created lifecycle hook, causing the synced pagination prop to display the incorrect totalItems
• #4130 Fixed a bug (partial regression) where assigning null (or any falsey value) to error-messages would throw an error and cause the field to be in an error state
• #4134 Partially reverted a11be7a to restore v-icon inheriting color from v-btn while still removing color animation when using disabled
• #4140 Removed a style for the deprecated v-list-item component that was applying opacity to v-list-tile
• #4141 Fixed a bug where v-progress-linear was not properly positioned when using the loading prop on enclosed inputs, outline and solo
• #4146 Fixed regression where v-radio-group's label was not being displayed
• #4147 Fixed regression where very long messages were being clipped in v-messages (all input fields)
• #4152 v-list-tile will no longer emit click events when disabled
• #4159 Fixed a bug where the cspNonce option was not being properly set when using vue-meta or nuxt
• #4163 Fixed and exception when v-menu is destroyed soon after opening
• #4155 Corrected the type exports in colors.d.ts

What next, gamma?

v1.1 is now in beta! This means that it is "done" – we will not be adding any more features until v1.2

This is still a pre-release, so there will still be some bugs, and the documentation is still not complete. Please report any new bugs or backwards compatibility breaks either on discord or in a new issue.

Upgrade guide

See v1.1.0-alpha.0, complete guide coming with stable release.

Things we changed

• 72280fd 74c4ef1 11d2de6 v-container inside v-form now implicitly has grid-list-lg styles
• 1ce04d5 readonly inputs no longer have disabled styles
• #2519 v-form now includes error-messages in the validation result, instead of just rules
• 5268dc4 Added hover styles to outline inputs

Things we added

• 5f6aaaa Chips in v-autocomplete can now be edited by double-clicking
• #4051 You can now specify translations for all of vuetify's built-in strings

Things we fixed

• dd08b98 Fixed an incorrect variable in v-form
• 591e4ff v-select should only align its input to the end when not single line
• #4095 Allow the $grid-gutter stylus variable to be reassigned (thanks @lukaszflorczak)
• 0fb69d2 Fixed a bug where v-bottom-nav with the absolute prop was not properly aligned
• 2d1e00e Fixed a bug where v-btn would not register clicks unless already focused
• a11be7a Fixed the transition on v-btn when toggling disabled or loading
• 74e77d0 The v-dialog "pulse" animation will now only play when the overlay is clicked directly
• #4104 Fixed a bug where v-select would not use the selection scoped slot if not multiple
• #4078 Fixed a bug where hitting clear when searching would not clear the input if a value was not already selected
• 5268dc4 Fixed a bug where outline inputs were still showing the bottom border
• #3967 Added keys to all rows in v-data-table, requires the item-key prop to be correct (#3968)
• #4102 Added a definition to customise the icon in v-toolbar-side-icon (thanks @appurist)

Things we changed

• f1efa56 The async-items prop has been reverted to hide-no-data.
• d948f7f Added transition to the v-text-field input slot when using the box prop
• 0708cee Improved styling of chip inputs. Will no longer cause the DOM to jump when selecting an item. The small-chips prop has also been updated. Will now automatically infer chips
• e4cb7f3 v-select selections will now be ordered as they are provided in value. This means selections will be ordered by their actual selection order

Things we fixed

• 33fc90a Fixed alignment of the input field when using the solo prop in v-text-field
• 5d3c15e Fixed logic that determines if the menu should be opened on clear
• #3714 The item-key prop on v-data-iterator now accepts nested values
• #3770 Fixed a bug where v-data-table pagination did not update when using a custom filter

Things we fixed

• c769cb8 Added missing style import for v-slider with a-la-carte