🔧 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

Things we changed

• #3837 Started rewriting everything in typescript. This should have no api impact

Things we added

• #3943 Added a basic type definition for a-la-carte components

Things we fixed

• 9f17663 Fixed vertical alignment of label in v-overflow-btn
• f092c71 Fixed a regression where inputs wouldn't fill width in IE11
• e7ad8fe Fixed a regression where the v-text-field hint prop would not render HTML
• #4025 Added back fake list virtualisation to v-select to improve performance with a large number of items
• #4026 Fixed another missing icon definition
• #4029 Fixed a bug where inputs would not fill a v-layout any more
• #4030 Added focus and blur methods back to v-text-field
• #4033 Fixed a bug where clicking on the dropdown icon would not toggle a v-select
• #4035 Fixed a bug where selection controls' internal inputs would still be visible in IE11

Things we added

• #3598 Added new helper classes for font-weight (docs in progress, visit PR for more info)

Things we changed

• cf43a19 Tweaks to box styles to better match spec

Things we fixed

• 3b70321 Added missing css prefixes to v-divider
• 60a53cf Fix custom loader styles for v-text-field
• 7eea1c1 Fixed label color on focus when using the solo-inverted prop
• 0950067 Removed margin from input elements inside of v-data-table
• 425302b Fixed utility import that was breaking a-la-carte
• ded7cae Fixed regression of full-width prop support

Things we fixed

• #3016 - Fixed top position calculation for v-tooltip (thanks @SeregPie)
• #3791 - Fixed missing display helper class d-inline (thanks @niutech)

Things we fixed

• b330fc6 Fixed a bug where v-breadcrumbs dividers would not be removed from the DOM
• 2b88885 Fixed a bug where nested grid components were not properly spaced due to negative margin and max-width applied from #3843

Things we fixed

• #1795 Fixed a bug that caused v-edit-dialog to have no width under certain circumstances (662eaa0)
• #3050, #3812 Resolved an error caused by using v-data-table with expandable content when checking for its parent (6dea196)
• #3294 Fixed a bug that caused the v-tabs to get stuck when resizing from mobile to desktop (4e94fc9)
• #3565 v-icon will now properly parse string numbers on the size prop, e.g. size="100" (1276a19) (thanks @ebisbe)
• #3747 v-breadcrumbs will no longer generate an additional delimiter when using v-if (9ab4645) (thanks @piyush-sukhadiya)
• #3759 Fixed a bug that caused v-pagination to not be responsive when resizing and v-navigation-drawer toggles (cf32d90)
• #3838 Fixed a bug where container dimensions were not being properly set before instantiation on v-tabs (9239c89)

Things we fixed

• #3581 Fixed a bug where v-tabs being resized would throw an error
• 9e044d5 Refactored fix for menus being scroll locked

Things we fixed

• 15a5d76 Fixed a bug where in Chrome 65 v-menu and v-select would not properly scroll when overflowed

Things we fixed

• #3688 Fixed a bug where returnable mixin's update:returnValue event would fire twice (thanks @mr-july)
• #3660 Fixed a bug where v-tab would not be disabled when given the disabled prop
• #3693 Fixed a bug where v-tabs would not recalculate overflow properly (dynamic tabs will now add/remove scroll arrows)
• #3726 Fixed a bug where v-avatar would not align icons correctly (thanks @peluprvi)
• #3693 Fixed a regression where v-btn with the loading prop had a v-progress-circular that was thicker than previous Vuetify versions

Things we changed

• #3635 Changed the default browser-autocomplete value to off on v-select, fixes #3582 (thanks @gnijuohz)

Things we fixed

• #2111 Fixed a bug where v-menu would be hidden behind fullscreen dialogs in safari (thanks @aldrinmartoq for helping track that down)
• #3611 Fixed a bug where $vuetify.goTo() would not accept vue components
• #3538 Fixed a bug where $vuetify.goTo() would calculate the wrong offset for relatively positioned elements
• #3654 Fixed the way v-tabs resolves routes, should now work correctly with vue-router
• #3557 Fixed a bug where v-progress-circular thickness would scale with size

Things we fixed

• #3637 Fixed a bug where the v-tabs slider would sometimes not update its position correctly (#3640)

Things we fixed

• v-tabs: fixed a bug where v-tabs would emit 2 events when clicking v-tab (#3561) (2cf0ba2)
• v-tabs: fixed dynamic overflow arrows not showing on resize (#3620) (#3623)
• v-tab: updated logic for determining v-tab action. now supports multiple tabs with the same name but different parameters (#3575) (2874fa3)
• goTo: removed unnecessary requestAnimationFrame causing the scrollbar to lock (#3608) (599626d)
• v-card-media fixed image links with parentheses not being recognized (#3625) (5a1b0c8) (thanks @praveenpuglia)
• rippleable now emits a click event allowing for explicit event binding on selection controls (#3554) (2aa07de)

Added unit tests

• v-toolbar: added unit tests (6aee198)
• v-subheader: added unit tests (a69419c)
• v-stepper-content: added unit tests (3b9b7cc)

Things we fixed

• #3563 Corrected a regression from v1.0.7 (#3491) that prevented elements from overflowing correctly when inside a v-flex

Things we changed

• #3473 v-list now uses divs instead of ul and li, fixes #3348

Things we fixed

• #3482 Fixed a bug where themes could not be changed dynamically when using nuxt or vue-meta (for real this time)
• #3414 Fixed v-speed-dial activator's styles when fixed
• #3524 FABs now have the correct 6dp elevation
• #3511 Fixed a bug where v-data-iterator pagination would be one tick behind what it should be
• #3497 Fixed v-menu and v-tooltip thrashing layout when mounted (thanks @Toilal)
• #3526 Fixed an error with v-select caused by Vue 2.5.14
• #3467 Fixed a bug where the label on v-text-field would not be visible when using the color or file types
• #3381 Fixed a bug where validation errors on v-text-field would hide the counter

Things we added

• #3394 Added missing ts typings for util/colors

Things we changed

• #3429 Moved all unit tests to an isolated tests/ folder

Things we fixed

• #3374 Fixed a bug when using darken/lighten variations of theme colors on an outline v-chip
• #3375 Fixed the margins on v-menu when used as the last item in a toolbar (thanks @anotherssa)
• #3403 Removed CSS sourcemaps from production builds to prevent invalid path warnings
• #3405 Fixed a bug where themes could not be changed dynamically when using nuxt or vue-meta
• #3406 Fixes numerous import bugs relating to a-la-carte
  • Components are now rendered from direct references instead of strings
• #3434 Fixed a bug where non-component elements would not render inside v-tabs

Things we fixed

• #3136 Updated button-group state tracking to allow for dynamic buttons
• #3347 Updated how applicationable works, fixing issues caused by using multiple layout components and keep-alive
• #3363 Fixed v-btn location in v-snackbar
• #3387 Fixed a bug with hovering a v-list-tile inside of v-menu when disabled
• #3391 Added missing import of v-progress-circular to v-btn (a-la-carte fix)

Things we fixed

• #3270 Fixed a bug where using the name prop in a router-link's to prop was not working properly
• #3351 Fixed a bug where in a-la-carte, REQUIRED_VUE was not defined

Things we changed

• #3247 Refactored Vue prototype bind
  • Decreased package size by ~5kb gzipped
  • Enables version warnings for a-la-carte setups
  • Version from CDN can now be derived from Vuetify.version instead of Vuetify.default.version

Note: This may break commonjs imports, you will have to replace require('vuetify').default with require('vuetify')

Things we fixed

• f0a0ca0 Fixed a bug where v-btn was not using the active-class prop
• #3117 Added back removed tile prop from v-list-tile-avatar
• #3329 Fixed a bug where the application theme was not properly applied in SSR context for NUXT

Things we fixed

• #3267 #3272 Fixed a bug where v-tooltip would cause buttons to have the incorrect height
• #3274 #3280 Fixed a bug with app components caused by mounting order
• #3295 Fixed a TypeError when using a v-footer with app and height="auto"

Documentation

Next Docs

Upgrade Guide

• Debouncing the search-input prop when using the .sync modifier in v-select needs to be manually handled by the developer
• Change prepend-icon/append-icon props to prev-icon/next-icon in v-carousel, v-date-picker and v-tabs
• Default pickers' width was changed back from 330px to 290px in #3170 - this is a breaking change if you're upgrading from 1.0.0-beta.5 (width of dialogs or menus should be adjusted) but nothing changes if you're upgrading from older versions

Things we broke

• #2978 Removed the debounce prop from v-select
• #3152 prepend-icon/append-icon props were renamed to prev-icon/next-icon in v-carousel, v-date-picker and v-tabs

Things we added

• #2668 Added the hide-overlay prop to v-bottom-sheet
• #3055 Added auto-height to v-snackbar
• #3073 Added new built in helper, $vuetify.goTo documentation (thanks @zaken)
• #3115 Added new prop reactive to v-date-picker. When enabled, will update the picker's model when year, month or day is changed. Without, will only react when the day is changed
• #3148 Added sort-icon prop to v-data-table
• #3152 Added next-icon and prev-icon props to v-data-iterable and expand-icon prop to v-expansion-panel-content

Things we changed

• 48a2a1a Updated elevation stylus variables to be editable (thanks @Banandrew)
• #2759 v-snackbar should now better reflect Material Design spec (thanks @manico)
• #2802 Added support for v-footer and auto height.
• #3134 Improved keyboard interaction when using v-select
• #3129 #3053 full-width columns in v-data-table now use the table's column count for their colspan instead of colspan="100%" (thanks @nicocevallos)

Things we fixed

• #2418 Fixed a bug where append and prepend-icon on v-switch and v-checkbox was not styled properly
• #2616 Fixed a bug where v-time-picker would reset to current time when explicitly cleared with a null value
• #2677 Fixed a bug where v-ripple was not properly unbinding or updating (thanks @nkovacs)
• #2791 Fixed a bug where v-select with the chips, multiple and tags prop was not working properly
• #2942 Fixed a bug where v-dialog's activator slot was not properly stopping event propagation
• #2970 Fixed a bug where snackbars would be limited to 50% screen width near the sm breakpoint
• #3010 Fixed a bug where v-tabs would throw an error when building a nuxt application
• #3020 Fixed a bug where icons were not showing properly in IE11 Compatibility View (thanks @krestaino)
• #3068 Fixed a bug where v-btn with the fab prop was not styled properly in IE11
• #3084 Fixed a bug that prevented content from showing when using the lazy prop but also having content set to active at runtime
• #3088 Fixed a bug where the no-data slot in v-data-table was not being wrapped in a <tr> tag
• #3094 Fixed a bug where v-btn styles for v-stepper were affecting nested components
• #3156 Fixed a bug where application components were not resolving their state properly
• #3160 Fixed a bug where v-date-picker-title was not using the proper transition when changing dates
• #3162 Fixed a rendering issue in v-time-picker in Chrome 64 (from 0.17.7)
• #3165 Fixed a bug where v-select with the dense prop was not scrolling the proper amount when using the keyboard (thanks @dalevfenton)
• a9154e7 fixed a bug where the theme stylesheet would sometimes not be generated when using SSR

Things we fixed

• 751cd2b #3162 FIxed a rendering bug with v-time-picker caused by chrome 64

Documentation

https://next.vuetifyjs.com

NEW STORE https://next.vuetifyjs.com/en/store

New Features

• #2991 #3008 #2945 v-date-picker has received numerous updates and feature implementations. Can now watch the internal month/year with picker-date.sync. Save/Cancel have been abstracted and put into v-edit-dialog. All pickers now support a new width and full-width props which will allow developers to make responsive implementations. Added min and max props to v-date-picker and v-time-picker for easier restricting the allowed values (v-date-picker additionally forbids navigating to dates outside the min/max)
• 991c262 Theme colors can now be three-digit hex

Upgrade guide

• v-date-picker's allowedDates prop now accepts only functions. If you used an array as a prop's value change the markup from :allowed-dates="arrayOfDates" to :allowed-dates="date => arrayOfDates.includes(date)". If you were using object { min: minDate, max: maxDate } use the new min and max props: :min="minDate" :max="maxDate". min and max props not only disable dates outside of the allowed range but additionally restrict the year selection and disallow navigating to the months outside of the range

• v-time-pickers's allowedHours and allowedMinutes props now accepts only functions. The upgrade steps are similar to v-date-picker, the difference is that new min and max props refer to the time as a whole (not hours and minutes separately), so it's now trivial to restrict the allowed values for example from 9:30 to 16:00.

• Save/cancel functionality has been removed from pickers. To keep this feature in your project you need to add :return-value.sync="date" prop to v-menu or v-dialog and just close the menu when "cancel" button is pressed or call this.$refs.MENU_REF.save(date) when "OK" button is pressed. See the diff for updated date picker example. The v-edit-dialog has been refactored to use the same mechanism. It is also possible to use it without adding ref to menu/dialog. Additionally autosave prop has been removed from v-time-picker, updated time picker example shows how to use a new @change event instead.

• v-data-table no-data and no-results slots with a top level <td> will need to apply the attribute colspan: 100% in order to achieve the same look as previous versions

• v-data-table default header align is now left. Right alignment is specific for numbers and should now be explicitly defined using the align property in the headers object.

Breaking changes

• #2504 The v-data-table no-data and no-results slots now accept <tr> and <td>'s
• v-data-table's default header align is now left.
• #3029 Refactored allowed-hours/allow-minutes of v-time-picker and allowed-dates of v-date-picker to only accept functions.

Things we changed

• f629416 Adjusted the logic for v-navigation-drawer route watcher. Will not re-open on a route change if not active now
• #3054 all files under vuetify/es5 now use commonJS instead of ES2015 modules (thanks @ishitatsuyuki)

Things we fixed

• 575d717 Fixed a bug where in certain environments, v-scroll would throw an error during hot reloading
• be7fef1 Fixed a bug where v-btn was not properly watching click events when used as a router-link. This would cause the v-btn to maintain highlighting when clicking to a new route
• cb1c3c3 Added missing transition inheritance for v-jumbotron
• be0418c Fixed a bug where v-date-picker pad util was using the wrong bitwise operator
• c02bb83 Fixed a bug where the focused state of v-chip was not correct in IE11
• #3077 Fixed improper transition from hint to error in all input controls
• #2617 Converted v-expansion-panel to use the registrable mixin. v-expansion-panel-content no longer has to be a direct child
• #2754 Fixed a bug where using an array of objects in the items prop for v-select would compare the wrong properties when being tabbed to
• #2995 Fixed a bug where no error was given when using invalid colors in the theme object (introduced in beta.3)
• #2996 Fixed a bug where v-btn and v-btn-toggle were not applying the correct styling when using dynamic colors
• #2998 Fixed a bug where in some cases masking would throw a ReferenceError (thanks @sorinsarca)
• #3014 Hooked up functionality for the hide-slider prop in v-tabs
• #3021 Fixed a bug where click-outside was not being registered properly for various components
• #3042 Refactored inToHex function to no longer use .padStart due to support issues
• #3061 Fixed a bug where right prop on v-tabs didn't align the tabs to the right
• #3072 Fixed a bug where v-text-field was not working properly in IE11 when using unsupported attributes
• #3002 Fixed an incorrect stylus import in es5/index.js

During testing today the team discovered a memory leak that had been undetected for the better part of a year. Directives v-click-outside and v-resize used the vnode context passed to directives in order to check and set that components isActive state. This was causing those referenced objects to get stuck and never GCed. Also resolved a bug where v-resize was not properly unbinding its events on unbind.

This leak affected v-navigation-drawer, v-slider, v-menu, v-tabs, v-dialog, v-select and v-speed-dial.

Things we fixed

• 355a0d1 Fixed a memory leak caused by referencing the vnode context passed to v-click-outside and v-resize

Breaking changes

#2664 Date and time pickers has been refactored to be more reusable, testable and maintanable. Although the change is quite massive, there are just a couple of breaking changes:

• v-time-picker now internally stores value in ISO format '15:30' (string, hour and minute with leading '0', 24hr format). It still accepts value as a Date object or in ampm format ('3:30pm'), but when the value is updated the 24hrs ISO string will be emited regardless of the the initial type. The allowedHours prop should use 24hr number. In ampm mode it was possible to do before :allowedHours="[3]", now it should be :allowedHours="[3,15]"
• No day is selected in the VDatePicker if the value is null (before the current day was selected)

Things we added

• 2f060f2 v-icon now supports FontAwesome 5
• 25d3faf Added show-current prop to v-date-picker to hide the current day/month indicator or change it to another day/month
• #2710 Added support to use a v-list-tile as the root element of the item scoped slot (thanks @Fl0pZz)
• #2872 Added support for darken and lighten for declared theme values (primary, secondary, etc). Added support for caching and minification of application theme
• #2946 Added support for events in v-date-picker
• #2974 Added readonly prop for v-date-picker
• 25d3faf Added show-current prop to v-date-picker to control the visibility of the current day indicator

Things we changed

• 0eb7edf Optimized iterations throughout the entire framework
• fb991b4 Removed deprecated code from v-btn
• bde8944 v-tabs node parsing will now put non tabs components with v-tabs
• 7cd0f31 Remove unused fill prop from v-progress-circular
• #2155 You can now redefine the colors object in stylus
• #2909 Restructured v-tab styles so that font styling classes can actually change the tab text

Things we fixed

• ffec22b Fixed a bug where v-avatar was explicitly overwriting bound classes e.g. (<v-avatar :class="['class']")
• 143e501 Fixed a bug where in some browsers v-expansion-panel was overflowing, causing scrollbars
• #2773 Fixed a bug where safari was stuck infinitely re-painting the DOM
• #2791 Fixed a bug where v-select with the chips prop and another autocomplete based prop (autocomplete, tags, combobox) would hide the input when removing chips (thanks @dalevfenton)
• #2841 Fixed a bug where v-data-table was not checking the select toggle when using the select-all prop (thanks @ReneU)
• #2878 Fixed a bug where v-select with the combobox prop would change its value to match searchValue when blurred even if an item was already selected (thanks @rokkie)
• #2977 Fixed a bug where v-select's menu could become 1px offset on the x-axis, causing a small line bleed through (thanks @Phlow2001)

Things we broke

• #2903 Renamed v-speed-dial's hover prop to open-on-hover. It should now better match how this prop is used in other components

Things we added

• #2920 Unified all console messages. Framework level errors will now be marked with [Vuetify]

Things we fixed

• ca1973d Fixed a bug where the v-tabs right property was not working
• 3d36d83 Fixed a bug where imported tools were being duplicated in the output css file
• a8ad157 Removed old tooltip style import in app.styl
• 743ba06 Fixed a bug where v-tooltip with the app prop was not updating the application properly when toggling the manual-scroll prop
• ce04349 Improved ssr-bootable mixin functionality (better initial render for SSR apps)
• #1989 Fixed a bug where v-menu with the absolute prop was not properly positioning the menu
• #2485 Fixed a bug where the exact prop was not being properly evaluated in routable implementing components
• #2751 Fixed a bug where v-jumbotron was not allowing images to overflow
• #2914 Fixed a bug where v-list-tile with the dark prop was receiving the incorrect hover styles
• #2917 Removed deprecated pointerSupport functionality from v-app
• #2921 Fixed a bug where v-tabs was not properly changing states when using v-tab as a router-link. The way router-link works actually makes it difficult to accurately provide the current model via the v-tabs component, warning for future travelers

v1.0.0-beta.1

The beta introduces a few breaking changes, namely in the v-tabs namespace, drastically increased test coverage and tons of QOL changes. Link to the beta docs. If you need help upgrading your application, come to the community.

Note: We are aware of the un-minified styles contain duplicates and as a result is significantly larger. This does not affect the minified version and will be corrected for next release.

New v-tabs

The tabs component has been completely rebuilt from the ground up. Now offering more flexibility in markup and functionality, the updated component will now accommodate vastly more use-cases than it did before, while also being just as performant.

While this is not an exhaustive list, some of the key highlights are:

• Removed the need to declare a v-tabs-slider. This is now done automatically and can be modified in one of two ways:
  • If a v-tabs-slider is detected within v-tabs, it will automatically be injected, so your previous settings do not have to be changed
  • You can change the color of the slider (most common use-case) by using the new slider-color prop
• Removed the need for v-tabs-bar. All functionality has been moved back to v-tabs and this element can be removed entirely, just move its props to v-tabs
• Removed the need for v-tabs-items. There are 3 different ways that you can configure your tabs setup now:

// The most basic markup
<v-tabs>
  <v-tab>Tab</v-tab>
  <v-tab-item>Lorem Ipsum</v-tab-item>
</v-tabs>

// Useful when you need to modify the tab items container
<v-tabs>
  <v-tab>Tab</v-tab>
  <v-tabs-items class="myClass">
    <v-tab-item>Lorem Ipsum</v-tab-item>
  </v-tabs-items>
</v-tabs>

// Completely abstracted
<v-tabs v-model="tabs">
  <v-tab>Tab</v-tab>
</v-tabs>
<v-tabs-items v-model="tabs">
  <v-tab-item>Lorem Ipsum</v-tab-item>
</v-tabs-items>

Tabs now utilizes the registrable mixin to register children, along with parsing its slotted items to allow for much more diverse templates. This now also applies to $routes. The v-tabs component will now properly update the model when it contains children that are activated by route (using the :to prop). This functionality also extends to your v-tabs-items, if abstracted. This makes v-tabs-items essentially feel like using vue-router.

This rewrite has also started paving way for a similar update to components that share the same general functionality, such as v-carousel and v-stepper. Look for similar functionality to come to these components in a future release.

Upgrade guide

• v-tabs-bar can be removed
• Move props from v-tabs-bar to v-tabs
• Rename v-tabs-item to v-tab
• Rename v-tabs-content to v-tab-item
• v-tabs-slider is no longer required. If you only changed the color, use the slider-color prop on v-tabs
• v-tabs-items is no longer required
• the icons prop has been renamed to icons-and-text
• the fixed prop has been renamed to fixed-tabs

Things we added

• 0e81afa Added new prop v-text-field and v-select, solo-inverted. Depending on the selected theme (dark|light), will have a lower opacity when not focused and full opacity on focus.
  e.g.
  
  

• d714af9 v-avatar now uses the colorable mixin

• 73f7bf1 Added new stylus variables for $tab-text-transform (thanks @julkuh)

Things we changed

• 7272a58 Added missing !important declaration for grow, shrink and mx-auto grid helper classes
• 1a84be7 Refactored how the ssr-bootable mixin works. Abstracted functionality and reduced redundant code
• 0a55235 Refactored the directive interface for v-resize and v-scroll. Can now utilize args and modifiers in line instead of only through object options

<div v-resize.200.quiet="callback"></div>

• d5154ad Improved v-chip spec compliance
• #2845 v-icon will now use its default size determined by css. This allows the value to be changed through a class, or still be defined with the size prop (thanks @mattpjohnson)

Things we fixed

Released in 0.17.5

• #2803 Fixed a typo in menuable's props

Released in 0.17.6

• #2544, d7aa97e Fixed click-outside on iOS devices
• #2780 Fixed a bug where tooltips and menus would stay active when changing routes (thanks @stormy251)
• #2779 Fixed a memory leak caused by v-click-outside, v-resize and v-scroll directives
• #2269 Fixed a bug where the v-select menu's position would be wrong when using autocomplete near the bottom of the screen
• #2757 Fixed a bug where the page would be cut off when printing in firefox (thanks @manico)
• #2514 Fixed a bug where editable v-stepper steps would have two icons when in an error state

Since alpha.3

• 36bc2a1 Fixed a bug where v-toolbar would process its onScroll method even if manual-scroll was specified
• 50cfa89 v-text-field was using different transition times for its prepended and appended icon
• 0985915 Fixed a bug where v-select with the combobox prop
  would reset the current value if lazySearch was empty
• 5453fd6 Fixed a bug where v-text-field and v-select (with any autocomplete prop) did not assign a width to the actual input element, causing overflow on smaller screens
• #2161 Fixed a bug where v-data-table's actions would overflow with the screen (thanks @Phlow2001)
• #2809 Fixed a bug where switching between date and month view using the type prop was not working in v-date-picker
• #2812 Fixed a bug where active and current (dates && months) in v-date-picker has incorrect styles
• #2853 Fixed a bug where v-footer did not have the proper text color when using the dark theme (thanks @phainv)
• #2801 Fixed a bug where v-bottom-nav was not properly highlighting the currently active/selected v-btn. also updated default height to match spec, 48px -> 56px
• #2870 Fixed a bug where v-stepper-content was not switching its internal height to auto after boot

Things we fixed

• #2803 Fixed a typo in menuable's props