🔧 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

Things we fixed

• #2544, d7aa97e Fixed click-outside on iOS devices
• #2780 Fixed a bug where tooltips and menus would stay active when changing routes (thanks @stormy251)
• 5b1ad97 Fixed a memory leak when directives are unbound
• #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

Things we fixed

• #2803 Fixed a typo in menuable's props

Things we changed

• #2650 You can now use any type of element in the v-speed-dial activator button, not just icons (example)
• 327e888, #2724 Updated the typescript definitions (thanks @mmajcenic)

Things we fixed

• a082374 Fixed a bug where the theme stylesheet wouldn't be created when using SSR with extract-text-webpack-plugin
• #2666 Fixed a bug where v-data-table's expanded value would be reset to an array instead on an object (thanks @GregYankovoy)
• #2667 Fixed a bug where the initial values passed to v-select wouldn't be cached (thanks @pinguinjkeke)
• #2586 Fixed an error when trying to scroll the page after closing a dialog
• #2690 Fixed a bug where a readonly v-select could still be opened by clicking the icon
• #2652 Fixed a bug where the first column in v-data-table would have a lighter border color (thanks @manico)
• #2721 Fixed an error when a menu was removed before it could open (thanks @Seraf)
• #2720 Fixed a bug where a scrollable v-dialog would be cut off in IE11

Documentation: https://next.vuetifyjs.com/
Install via npm: vuetify@next

The docs are still in active development. During this time you may see that some pages are missing, or some property descriptions are missing. No cause for alarm.

Things we added

• 6c612c5 New component: v-jumbotron
• 6c612c5 Added a size prop to v-icon
• #1709 v-carousel-item now supports all router-link props
• #2563 v-list-groups can now be nested, just use the sub-group prop on all children
  • New prop: sub-group
  • New prop: expand
  • New prop: no-action
• #1898 Addded text--primary, text--secondary, text--disabled classes
• #2436 v-list-tile now supports the color prop to change its inactive text color
• #2554 v-avatar and v-list-tile-avatar now support the color prop
• 1988ab7 v-list-group now has append-icon and prepend-icon props
• eac768b Updated v-toolbar scrolling behaviour
  • New props: extension-height and inverted-scroll
• #2297 New component: v-data-iterator - similar to v-data-table, but allows you to use any component to display your data
• 23dbfa2 Added grow and shrink props to grid components
• d89401a Added height prop to v-system-bar
• b748b73 Added new mx-auto class to horizontally center block elements
• 5bc20c8 Added new width prop to v-card

Things we changed

• 1be5a48 v-carousel now uses prepend-icon and append-icon instead of left-control-icon and right-control-icon
• b75f243, d634351 removed animations on layout components when using SSR
• 678a249 Moved v-navigation-drawer translate to an inline style instead of a percentage
• #2465 Updated v-stepper styles to better match material design guidelines (thanks @manico)
• #2620 Removed support and warning for extra <main> inside v-content
• #2621 Removed contextualable props from v-btn, you must use color now

Things we fixed

• #1805 Fixed a bug where a v-avatar with a colored background would become distorted if used inside a v-list-tile
• #2410 Fixed a bug where the v-stepper animation would sometimes cancel early
• d7215d0 Fixed a bug where v-btn inside a v-card would sometimes inherit an incorrect border radius
• #2630, 2cf08d7 Added keys to all iterating components
• #2581 Fixed a bug where <v-btn color="accent"> would have the wrong text color
• #2653 Removed redundant transition-group from input components (thanks @Phlow2001)
• 496ff2c, e05a390 Fixed a bug where an autocomplete v-select would have the wrong caret position if an integer was selected
• e9c405a Fixed a bug where a combobox v-select would ignore dropdown selections with an active text input
• a082374 Fixed a bug where the theme stylesheet wouldn't be created when using SSR with extract-text-webpack-plugin
• #2666 Reset v-data-table expanded value to an object instead of an array (thanks @GregYankovoy)
• #2650 Fixed a bug where only icons would work in the v-speed-dial activator button
• #2667 Fixed a bug where initial items passed to v-select wouldn't be cached (thanks @pinguinjkeke)
• #2558 Fixed a bug where sized icon buttons would have the incorrect padding

Things we added

• #2564 Added utility file that contains the Material colors docs

Things we fixed

• 1ea6586 Removed deprecated stylus variable from v-chip
• 2b40331 Fixed a bug where v-navigation-drawer was not properly updating the layout when resizing from mobile to desktop resolutions
• efdbd80 Fixed a bug where a destroyed v-navigation-drawer would try to evaluate its element
• #2000 Fixed a bug where v-tooltip would not open properly when its initial value was true
• #2212 Fixed a bug where a v-radio-group with an error would not properly adjust its v-radio children to reflect the proper error styling
• #2590 Fixed a bug where v-data-table was filtering items even if the search was empty
• #2611 Fixed a bug where v-date-picker would select a date when changing the year even if the dates were disabled
• #2626 Fixed a bug where v-select's v-menu would overlap when using the hide-details prop
• #2634 Fixed a bug where a recalculation in the menuable mixin was causing issues in Edge with the v-menu positioning

Things we changed

• ef4afd7 Changed the list and drawer animations from swing to fast-out-slow-in, also reduced duration by 100ms
• #2301 Lists now generate valid HTML
• #2566 Links now use the theme's primary color again instead of being hardcoded to dark blue

Things we added

• #2368 Added a disable-initial-sort prop to v-data-table (thanks @lukeed)
• #2374 #2368 Added a content-class prop to v-select that gets applied to the menu
• #2472 All components are now exported for use with a-la-carte

Things we fixed

• 3d9438a Fixed a bug with v-app where watchers on the $vuetify object were not being garbage collected in SSR
• #2539 Fixed a bug where the v-chip shadow would appear above it on firefox
• #2547 Fixed a bug where v-navigation-drawer would not resize the content when mini-variant was changed
• #2236 Fixed icon color and spacing inside chips
  • When you use an icon that is not in an avatar, you must designate left or right
• #2503 Fixed a bug where v-text-field would not update the displayed text if its bound value was changed after a keydown event
• eb51034 Fixed a bug where v-tabs with no tabs would cause an error
• #2440 Corrected the class export in the typescript definitions (thanks @pharra)
• #2475 Fixed a bug where v-data-table would show no-data-text instead of no-results-text
• #2471 Fixed a regression where v-data-table wouldn't show progress when using a scoped header slot
• #2559 Fixed a bug where v-navigation-drawer was being stuck in a mobile state

Things we changed

• 10c64e3 The overlayable mixin will now only be triggered on smAndDown (was mdAndDown)
• 901e56c Increased size of dense icons in v-list-tile-action by 1 pixel

Things we fixed

• #2493, #2531, #2534 Fixed bugs related to v-navigation-drawer and state:
  • permanent will now always be open, regardless of window size.
  • temporary will always be closed unless specifically specified with a model value of true.
  • Removed booting animation on non-ssr pages
  • Added multiple unit tests to help alleviate any future issues
• #2497 Removed deprecated stylus variable
• #2501 Fixed a bug where v-chip with the close prop could not actually be closed
• #2506 Fixed a bug where v-text-field with the multiple prop inside of a v-dialog was being closed when enter was pressed
• #2512 Fixed a bug where multiple drawers on the same side were causing layout issues. Now, can alternate between drawers on the same side, but must use $nextTick to avoid race conditions
• #2517 Fixed a bug where the fix for #2063 was causing issues with hints in form components
• d438347 Fixed an issue where a v-tabs change broke mobile detection
• 22de1db, 6beaba8 The correct files should now be added to the github release

I like your style

Hello everyone! Last time we spoke this release was not planned. @jacekkarczmarczyk did some amazing work with v-date-picker and the team was able to pull together the new dynamic themes feature. We did not want to launch 1.0 with such large breaking changes, so we have split that into 0.17. While there will still be a few breaking changes for release next month, they should be relatively painless.

I'd like to thank everyone who has backed the project on Patreon. Since the announcement of my transition, I have had an overwhelming amount of support from the community.

Next month we will be releasing v1.0. It also happens to be the 1 year anniversary from when Vuetify was first announced. Since, the package has changed drastically. With over 3,000 closed requests and 6,000 stars, the activity on this project has been at a very high level for a very short period of time. I am extremely humbled by the support I have received from the talented community, especially team members:

in no particular order

• @prograhammer
• @mfferreira
• @nekosaur
• @ChavaSobreyra
• @KaelWD
• @jacekkarczmarczyk
• @maurop123
• @bdeo
• @azaars

These individuals have been instrumental to the success of this project and I cannot give them enough praise. I thank you for your continued support and look forward to the official 1.0 release next month!

TLDR

• New dynamic themes SSR Ready
• Completely refactored v-date-picker
• Completely refactored v-select
• Completely refactored v-navigation-drawer

Upgrade guide

• Vuetify now requires Vue.js ^2.5.0
• Block level styling has been removed from headings, lists, buttons and blockquotes
• Stylus declared themes are no longer needed (and will not work). After the theme is removed, if you have no other reasons to rebuild the Vuetify styles, change your import to 'vuetify/dist/vuetify.min.css'
  • Theme colors are now defined in the Vue.use statement instead of stylus, docs
• Remove the <main> wrapper from around your v-content, it is now generated automatically (#2298)
• v-navigation-drawer must now have fixed explicitly set, default is initial
• v-tabs theme declaration has been moved to v-tabs-bar
• v-date-picker will now only accept Strings, (no more Date object). You can use date-fns to convert time formats now.

Things we broke

• v-btn raised prop has been deprecated in favor of depressed. No longer requires an explicit boolean value
• v-breadcrumbs divider prop now only accepts Strings. Also has a new slot, divider, where any markup can be added as a divider. This will be the new method for assigning icons and will allow any icon to be used
• v-date-picker has been completely refactored to better handle various locales
• v-dialog no longer has a default width of 290px
  • You may need to update the width of your dialog's if they contain a v-date-picker or v-time-picker
• The default color for all selection control components (v-checkbox, v-radio, v-switch) now properly use the application's accent color
• v-navigation-drawer must be specifically designated as absolute or fixed
• v-navigation-drawer now has the resize watcher enabled by default, must be disabled with either disable-resize-watcher or stateless
• removed the persistent prop from v-navigation-drawer. it is now the default state
• v-tabs has had its theme declaration (light|dark) move to v-tabs-bar

Things we added

• #1914 v-slider now supports home/end/page up/page down keys and fractional steps
• #1977 #2252 Added new slots to v-data-table for no-data and no-results
• #2109 v-date-picker has been refactored to operate completely off of strings and require less dependency from the java-script Date object. This improves the ability to handle multiple locales and time zones
• #2098 Changed the default widths of v-dialog to auto
• #2164 Added a disabled prop to v-tooltip
• #2188 Added fixed and absolute props to v-system-bar
• #2199 Added color and header-color props to v-date-picker and v-time-picker
• #2260 Added hide-selected prop to v-select
• #2291 v-select with the tags prop now supports the tab key to enter a value
• 4cc9c01 The mobile-break-point prop in v-navigation-drawer now supports Strings
• #2210 #2085 Added support for dynamic themes at the JavaScript level
• e6993e5 Fixed v-select with the combobox prop functionality (previously released but not documented)
• 623ebca Added back a form of contextual support to v-alert through the type prop
• 02fa9f7 v-pagination now supports the color prop
• 6f0b6c6 v-app will have the application--touch-support class applied on touchscreen devices, or you can use this.$vuetify.touchSupport
• d6a2582 v-select will now properly escape text values
• da6bec6 Added open-on-clear prop to v-select which will re-open the v-select's menu when cleared (closed by default now)
• 0614a23 v-switch can now be swiped to toggle it on touch devices
• #2314 - Added stateless prop to v-navigation-drawer. when this prop is used, the drawer will only change its state if the developer does.
• #2438 rows-per-page will now automatically hide if v-data-table only one option is provided
• Added the colorable mixin to v-pagination, v-bottom-nav
• 729569a Added the dense prop to v-select. This will apply the dense prop to select's v-list
• f5ac6ec v-tabs now detects its mobile state more efficiently (using the breakpoint object)

Things we changed

• #2242 v-slider - removed snap prop, added ticks prop, changed default of step prop to 1, updated v-slider styles to match the Material Design specs
• #2207 Changed selection controls' default color from teal to accent
• #2189 Active menu items in v-select component use the same color as v-select
• #2109 v-date-picker now operates on ISO8601 string instead of Date objects. You will have to handle timezone conversion yourself or use an external library such as date-fns
• 5168d64 Changed the default v-dialog width and max-width to auto and none respectively
• #1916 A function passed to the allowed-hours prop of a v-time-picker will now receive 24-hour formatted time
• #2237 v-tooltip now has a 200ms delay before opening
• d72b548 Removed the raised prop from v-btn and replaced it with depressed (me too thanks)
• #2308 Improved v-date-picker performance
• #2255 Focusing a v-select with the autocomplete prop will now automatically select the inputs text
• 6e42fea v-select with the tags or combobox prop will no longer automatically highlight the first filtered result when searching
• 6a39afa All elevation classes have been refactored to be more in line with Material Design spec
• 8d0ee31 Removed unnecessary usage of translate3d in numerous locations
• #2430 Navigation drawer states have been redone to better align with the MD spec.
  • The default behaviour is now persistent on large screens and temporary on small ones, and the persistent prop has been removed
  • Navigation drawers are no longer fixed by default, that will have to be set now for most cases
  • The absolute prop will now size the drawer correctly to match the main content height
  • An overlay will now be created when dynamically switching to temporary mode
• #2391 Item text in select menus will now be escaped to prevent HTML injection
• #2402 v-date-picker will now have the correct header colour when using the dark theme
• 4e2464b v-card and v-expansion-panel now have a default elevation of 1
• #2423 Added app support to v-bottom-nav

Things we fixed

• #1766 Fixed a bug where v-icon was not displayed correctly inside v-breadcrumbs-item
• #1935 Fixed a bug where v-slider with the disabled prop did not have consistent spacing around the thumb location
• #2067 Fixed a bug where v-navigation-drawer would not properly update the application dimensions when the right prop was toggled. Also fixed a bug where v-toolbar was not properly updating the layout when switching between clipped-left and clipped-right
• #2092 Fixed a bug where a v-dialog containing a v-select with the autocomplete prop was closing after pressing enter
• #2208 #2121 Fixed a bug where in some cases, $vuetify.breakpoint was not available before page load
• #2133 Reverted a change that meant multiple validation errors would be displayed
• #2106 Fixed a bug where changing month in the month view resulted in the selected date being changed as well in v-date-picker
• #2261 Fixed a bug where pressing the tab key would not focus action buttons inside of v-dialog
• #2171 Fixed a bug where selection-control components would not have the proper width with wrapped in a v-tooltip
• #2200 Fixed a bug where clearing the v-select and selecting another value didn't close the select menu
• #2220 Fixed a bug where the height of the expanded row in v-data-table wasn't properly set
• #2229 Fixed a bug where pressing ENTER on an autocomplete v-select in a dialog caused the dialog to close
• #2248 #2286 Fixed a bug where components using the touchable mixin were not properly unbinding event listeners
• #2319 Fixed a bug where pressing the up/down arrow in v-text-field with the multiline prop while inside of v-dialog was not working properly
• #2346 Fixed a bug where v-card with the img prop was not being properly escaped
• #2353 Fixed a bug where v-icon with the color prop was not applying the correct color
• #2359 Fixed a bug where v-text-field with the mask prop was not working properly with evaluating some special characters
• #2057 Fixed a bug where masked inputs would emit invalid characters
• #2096 Fixed a bug where <v-text-field return-masked-input> would return characters not in the displayed input value
• #2158 Fixed a bug where a v-text-field with type="number" would cause an error
• f51e2ab Fixed a bug where v-navigation-drawer was not updating the content area when destroyed when using the app prop
• 7203c7d Fixed a regression from #2298
• bd0ce95 Fixed a bug where v-tabs would sometimes reference the slider method after being destroyed
• 676d4a3 Fixed a bug where v-navigation-drawer with the temporary prop on desktop resolutions was moving v-content when toggled
• 08284ac Fixed a bug where v-chip with the small prop was not styled properly
• #2417 Fixed a bug where inputs with hide-details would still show error messages
• #2103 Fixed a bug where the v-select arrow would sometimes point in the wrong direction
• #2445 Fixed a bug where native form validation methods would be shown when trying to submit a v-form
• #2437 Fixed a bug where a v-btn with an href would have the incorrect text colour
• #2437 Fixed v-btn text color (was broke in beta)
• #2254 #2401 #2100 #2411 Refactored v-select (surprise!) to fix multiple underlying issues with state
• #2321 Fixed a bug where components implementing the routable mixin were defining href to be javascript:; if none was provided
• #2342 Fixed a bug where v-text-field would only validate on blur
• #2433 Fixed a bug where v-pagination where the action buttons were not disabled when the pagination has a length of 0
• #2447 Fixed a bug where v-toolbar did not have the proper height when in landscape
• #2054 Fixed a bug where import order when using a-la-carte was affecting styles
• #2063 Fixed a bug where form components with the prepend-icon prop had a misaligned v-progress-bar when the loading prop was true
• #1971 Added hide-delimiters prop to v-carousel. enabling this will hide the next and prev icons
• #1045 v-data-table now only filters on corresponding header values
• #2377 Fixed a bug where v-select did not have the proper menu positioning when the hide-details prop was used
• #2463 Fixed a bug where when selecting text in a v-text-field that is inside of a v-dialog and dragging our cursor outside of the v-dialog, would cause the dialog to close on Firefox

Things you added

• #2153 Added an option to set v-data-table header width (thanks @rafaelrenanpacheco)
• 53597aa Added a new prop to v-alert, outline. This is an alternate style option for the component (thanks @HendrikGrobler )

Things you changed

• #2160 Changed the default v-tooltip position to top (thanks @rafaelrenanpacheco)
• #2177 Made the v-ripple directive reactive (thanks @Phlow2001)
• #1946 Refactored data table progress markup to follow W3C standard (thanks @sindrepm)
• #2209 Removed stylus @extend for block-level import (thanks @Zeph33)
• #2097 Invalid values sent into the v-model of a masked input will now be corrected and updated (thanks @azaars)
• 06b9ceb Updated v-select font-size declaration to use the $input-font-size variable (thanks @cassvail )

Things you fixed

• #1902 Fixed a bug where block level imports were not working properly (thanks @Zeph33 )
• 0e74084 Fixed a bug where typing the same input in v-select with the tags prop would remove the value. Will now push it to the end instead (thanks @Phlow2001 )

DEV Documentation Here

Things we broke

• v-navigation-drawer must be specifically designated as absolute or fixed
• v-navigation-drawer now has the resize watcher enabled by default, must be disabled with either disable-resize-watcher or stateless
• removed the persistent prop from v-navigation-drawer. it is now the default state
• v-tabs has had its theme declaration (light|dark) move to v-tabs-bar

Things we added

• d6a2582 v-select will now properly escape text values
• da6bec6 Added open-on-clear prop to v-select which will re-open the v-select's menu when cleared (closed by default now)
• 0614a23 v-switch can now be swiped to toggle it on touch devices
• #2314 - Added stateless prop to v-navigation-drawer. when this prop is used, the drawer will only change its state if the developer does.
• Added the colorable mixin to v-pagination, v-bottom-nav

Things we changed

• #2430 Navigation drawer states have been redone to better align with the MD spec.
  • The default behaviour is now persistent on large screens and temporary on small ones, and the persistent prop has been removed
  • Navigation drawers are no longer fixed by default, that will have to be set now for most cases
  • The absolute prop will now size the drawer correctly to match the main content height
  • An overlay will now be created when dynamically switching to temporary mode
• #2391 Item text in select menus will now be escaped to prevent HTML injection
• #2402 v-date-picker will now have the correct header colour when using the dark theme

Things we fixed

• #2417 Fixed a bug where inputs with hide-details would still show error messages
• #2103 Fixed a bug where the v-select arrow would sometimes point in the wrong direction
• #2445 Fixed a bug where native form validation methods would be shown when trying to submit a v-form
• #2437 Fixed a bug where a v-btn with an href would have the incorrect text colour
• #2445 Removed native validation messages from v-form
• #2437 Fixed v-btn text color (was broke in beta)
• #2254 #2401 #2100 #2411 Refactored v-select (surprise!) to fix multiple underlying issues with state
• #2321 Fixed a bug where components implementing the routable mixin were defining href to be javascript:; if none was provided

Things you fixed

• #2342 Fixed a bug where v-text-field would only validate on blur (thanks @azaars)

TLDR

• Dynamic theme support
• Greatly improved v-date-picker performance
• v-select now supports tagging for single selects through the combobox prop
• Added back a form of contextual support for v-alert with the type prop.

Things we fixed

• #2319 Fixed a bug where pressing the up/down arrow in v-text-field with the multiline prop while inside of v-dialog was not working properly
• #2346 Fixed a bug where v-card with the img prop was not being properly escaped
• #2353 Fixed a bug where v-icon with the color prop was not applying the correct color
• #2359 Fixed a bug where v-text-field with the mask prop was not working properly with evaluating some special characters
• f51e2ab Fixed a bug where v-navigation-drawer was not updating the content area when destroyed when using the app prop
• 7203c7d Fixed a regression from #2298
• bd0ce95 Fixed a bug where v-tabs would sometimes reference the slider method after being destroyed
• 676d4a3 Fixed a bug where v-navigation-drawer with the temporary prop on desktop resolutions was moving v-content when toggled
• 08284ac Fixed a bug where v-chip with the small prop was not styled properly

Things we added

• #2210 #2085 Added support for dynamic themes at the JavaScript level
• e6993e5 Fixed v-select with the combobox prop functionality (previously released but not documented)
• 623ebca Added back a form of contextual support to v-alert through the type prop
• 02fa9f7 v-pagination now supports the color prop
• 6f0b6c6 If touch support

Things we changed

• #2308 Improved v-date-picker performance
• #2255 Focusing a v-select with the autocomplete prop will now automatically select the inputs text
• 6e42fea v-select with the tags or combobox prop will no longer automatically highlight the first filtered result when searching
• 6a39afa All elevation classes have been refactored to be more in line with Material Design spec
• 8d0ee31 Removed unnecessary usage of translate3d in numerous locations

Things you added

• 53597aa Added a new prop to v-alert, outline. This is an alternate style option for the component (thanks @HendrikGrobler )

Things you fixed

• d4552bd Fixed a bug where v-ripple was not dynamic (thanks @Phlow2001 )

Things you changed

• 06b9ceb Updated v-select font-size declaration to use the $input-font-size variable (thanks @cassvail )

Surprise release party! *(beta)

Hello again! The dev team decided to release another PATCH before v1.0 due to @jacekkarczmarczyk refactoring the v-date-picker component. This is a beta release until we are able to get a few more hands on the new component. You can view the documentation for this release here. If you need help with this release, please stop by the community.

Things we broke

• Vuetify now requires Vue.js ^2.5.0
• v-btn raised prop has been deprecated in favor of depressed. No longer requires an explicit boolean value
• v-breadcrumbs divider prop now only accepts Strings. Also has a new slot, divider, where any markup can be added as a divider. This will be the new method for assigning icons and will allow any icon to be used
• v-date-picker has been completely refactored to better handle various locales
• v-dialog no longer has a default width of 290px
• The default color for all selection control components (v-checkbox, v-radio, v-switch) now properly use the application's accent color
• 10eb8e2 SSR doesn't know the client's screen width, so navigation drawers with enable-resize-watcher are hidden on the server, causing v-content to have 0 left padding. When the page is hydrated, the correct inline styles don't get applied, so the drawer overlaps the rest of the page.
• #2298 the <main> tag is now deprecated, and should be removed from the markup

Things we added

• #1914 v-slider now supports home/end/page up/page down keys and fractional steps
• #1977 #2252 Added new slots to v-data-table for no-data and no-results
• #2109 v-date-picker has been refactored to operate completely off of strings and require less dependency from the java-script Date object. This improves the ability to handle multiple locales and time zones
• #2098 Changed the default widths of v-dialog to auto
• #2164 Added a disabled prop to v-tooltip
• #2188 Added fixed and absolute props to v-system-bar
• #2199 Added color and header-color props to v-date-picker and v-time-picker
• #2260 Added hide-selected prop to v-select
• #2291 v-select with the tags prop now supports the tab key to enter a value
• 4cc9c01 The mobile-break-point prop in v-navigation-drawer now supports Strings

Things we changed

• #2242 v-slider - removed snap prop, added ticks prop, changed default of step prop to 1, updated v-slider styles to match the Material Design specs
• #2207 Changed selection controls' default color from teal to accent
• #2189 Active menu items in v-select component use the same color as v-select
• #2109 v-date-picker now operates on ISO8601 string instead of Date objects. You will have to handle timezone conversion yourself or use an external library such as date-fns
• 5168d64 Changed the default v-dialog width and max-width to auto and none respectively
• #1916 A function passed to the allowed-hours prop of a v-time-picker will now receive 24-hour formatted time
• #2237 v-tooltip now has a 200ms delay before opening
• 6634da1 Removed the raised prop from v-btn and replaced it with depressed (me too thanks)

Things we fixed

• #1766 Fixed a bug where v-icon was not displayed correctly inside v-breadcrumbs-item
• #1935 Fixed a bug where v-slider with the disabled prop did not have consistent spacing around the thumb location
• #2067 Fixed a bug where v-navigation-drawer would not properly update the application dimensions when the right prop was toggled. Also fixed a bug where v-toolbar was not properly updating the layout when switching between clipped-left and clipped-right
• #2092 Fixed a bug where a v-dialog containing a v-select with the autocomplete prop was closing after pressing enter
• #2208 #2121 Fixed a bug where in some cases, $vuetify.breakpoint was not available before page load
• #2133 Reverted a change that meant multiple validation errors would be displayed
• #2106 Fixed a bug where changing month in the month view resulted in the selected date being changed as well in v-date-picker
• #2261 Fixed a bug where pressing the tab key would not focus action buttons inside of v-dialog
• #2171 Fixed a bug where selection-control components would not have the proper width with wrapped in a v-tooltip
• #2200 Fixed a bug where clearing the v-select and selecting another value didn't close the select menu
• #2220 Fixed a bug where the height of the expanded row in v-data-table wasn't properly set
• #2229 Fixed a bug where pressing ENTER on an autocomplete v-select in a dialog caused the dialog to close
• #2248 #2286 Fixed a bug where components using the touchable mixin were not properly unbinding event listeners

Things you added

• #2153 Added an option to set v-data-table header width (thanks @rafaelrenanpacheco)

Things you changed

• #2160 Changed the default v-tooltip position to top (thanks @rafaelrenanpacheco)
• #2177 Made the v-ripple directive reactive (thanks @Phlow2001)
• #1946 Refactored data table progress markup to follow W3C standard (thanks @sindrepm)
• #2209 Removed stylus @extend for block-level import (thanks @Zeph33)
• #2097 Invalid values sent into the v-model of a masked input will now be corrected and updated (thanks @azaars)

Things you fixed

• #1902 Fixed a bug where block level imports were not working properly (thanks @Zeph33 )
• 0e74084 Fixed a bug where typing the same input in v-select with the tags prop would remove the value. Will now push it to the end instead (thanks @Phlow2001 )

Things you @azaars fixed

• #2057 Fixed a bug where masked inputs would emit invalid characters
• #2096 Fixed a bug where <v-text-field return-masked-input> would return characters not in the displayed input value
• #2158 Fixed a bug where a v-text-field with type="number" would cause an error

Things we fixed

• #2262 Fixed a bug where fullscreen dialogs would disable scrolling even when not active yet
• #2215 Fixed a bug where v-data-table would set the wrong height on expanded rows

Things we changed

• #2015 Updated v-bottom-nav button styles to match Material Design guidelines

Things we fixed

• f581177 Fixed a bug where an empty v-select would show the text "undefined" with vue 2.5.0
• #1691 Fixed a bug where a v-select with autocomplete would have an extra blank line when a long item was selected
• 9db604a Fixed a bug where v-select with the combobox prop was always displaying as dirty
• #684 Fixed a bug where the v-tabs-slider was not being resized when the v-content was resized by a v-navigation-drawer
• #1941 Fixed a bug where the v-select label animation would play on mount even if it was already dirty
• #2152 Fixed a bug where when trying to blur a v-select component it would immediately refocus in Edge
• #2143 Set the correct text color on a v-text-field with a placeholder
• #2125 Fixed a bug where scrolling on mobile would register as horizontal swipes

Things you fixed

• #2144 Fixed a bug where v-text-field label had incorrect position when using placeholder and box (thanks @rafaelrenanpacheco)

Things we added

• #2124 Apply a commit message template to all new commits
• #2089 Releases can now be done automatically by travis

Things we fixed

• e10bcb2 Fixed menu issue with combobox
• #2127 Resolved a bug where the max-width prop was not being properly utilized
• #2120 Fixed a bug where v-tabs-content wouldn't set an element ID
• #2118 Fixed a bug where list tile icons were not being styled properly
• #2110 Fixed a bug where a nested v-data-table was improperly styling the
  progress header
• #2093 Fixed a bug where icons inside of a toolbar had improper styles
• #2136 Fixed a bug where setting the value of a v-text-field to 0 would cause it to be empty
• #2137 Fixed a bug where using v-model.number with a mask would throw a TypeError
• #2140 Fixed a bug where textareas with a custom color would still use the primary color on hover
• #2141 Fixed a bug where nested expansion panels would inherit the arrow direction from their parent
• #2157 Fixed a bug where v-tabs-items would cause an error when used with a-la-carte
• #2113 Fixed a bug where checked disabled items in a multiple v-select would have the wrong checkbox style
• Fixed a bug where click-outside wasn't working on iOS devices
• #2146 Fixed a bug where dialogs and menus wouldn't open in Edge

Things you changed

• #2145 Removed !important from font-weight in <code> elements (thanks @zaken)

Things we added

• 887ac54 Added the ability to specify the tag prop on all grid components
• #1413 #1834 Added new prop to v-select, combobox. This operates similar to tags, but for single value selection

Things we fixed

• #2086 Fixed a bug where v-chip with the outline prop was not being styled correctly
• #2105 Reverted hover styles added in 0.16.1 that had caused issues with proper styling of those elements when hovered
• #2115 Fixed a bug where an !important css class slipped out that should not have, causing v-icon inside of v-btn with the icon prop to not be styled properly

Things you fixed

• #2116 Fixed a bug where v-tooltip was closing dependent components (thanks @Phlow2001 )

Things we added

• #1326 Added @keydown functionality to v-dialog. This will allow you to close a dialog by using the esc key for example
• #1790 v-select will now add new tags when tab is pressed
• #2006 Renamed active prop on routable implementing components to inactive. The default will be active and inactive will remove it
• #2053 Added a new prop to v-data-table, hide-headers (thanks @CharlesOkwuagwu )
• The following components have been converted from contextualable to colorable. Instead of using primary you would now use color="primary". v-tabs-slider, v-toolbar, v-system-bar, v-card, v-footer, v-chip
• 261dc26 Improved v-select scrolling performance
• Deprecating v-dialog width prop in favor of max-width

Things we fixed

• #2052 Fixed a bug where v-date-picker when using mouse scroll was changing to the improper months
• #2055 Fixed a bug where v-toolbar always had inline style padding and margin
• #2056 Fixed a bug where v-btn was not receiving the proper hover styles when used as a link
• #2061 Fixed a bug when v-icon inside of v-btn was not properly styled
• #2062 Fixed a bug where it was possible to not be able to select the last step in v-slider
• #2068 Fixed a bug where autocomplete v-select would mangle text in the suggestions list
• #2069 Fixed a bug where v-select was blurring after an item was selected
• 261dc26 Fixed a bug where v-select would try to add new list items when scrolling, causing poor performance
• e9c2490 Fixed a bug where setting v-toolbar's height prop to a string would cause the correct v-content padding to be multiplied by 10
• #2081 Fixed a bug where v-select would not show the no-data-text message if items was empty

Things you fixed

• #2049, #2059, 24dcd81 Fixed a bug where masked inputs would set the wrong caret position on android devices (thanks @azaars)

• 62d6f14 Fixed a bug where v-select was closing improperly when using the multiple prop

Beta release

Hello everyone! Due to the overhaul of the recently released A La Carte system, we are having another beta release. Early adopters, please report any and all bugs to the issue board. When creating the ticket, prepend [Beta] to title.

Changes from 0.16.0-beta.1

• A La Carte v2 files should now be in the vuetify/es5 directory

Keep in mind

The docs are still being fine tuned and you may seem some oddities, please work around these as best you can and look for updates as the week progresses.

Scheduled release: October 4th

0.16 Release notes

https://github.com/vuetifyjs/vuetify/wiki/0.16-Release-notes

Dev server

https://dev.vuetifyjs.com

Things we fixed

• #1704 Fixed a bug where when v-select booted, it would not properly show selected items if the value was an object
• #1684 Fixed a bug where v-carousel did not allow you in any way to swap out the items dynamically

Things we changed

• #1694 v-snackbar vertical and multi-line props will now work on desktop
• #1696 Improved v-select with the autocomplete prop feel and functionality

Things you fixed

• #1699 Fixed a bug where using the cache-items prop in v-select with the return-object prop was causing duplicates (thanks @jacekkarczmarczyk )
• #1717 #1703 Updated packages/tests/lint (thanks @jacekkarczmarczyk )
• #1716 Added test for v-text-field value on blur functionality (thanks @KaelWD )
• #1718 Fixed a bug recently introduced that caused the v-select component to not open when clicking on the arrow dropdown (thanks @jacekkarczmarczyk )
• #1719 Fixed a bug caused by the recent Vue@2.4.3 release (thanks @jacekkarczmarczyk )

Things we fixed

• ee3afa0 Reverted a change that unintentionally made v-model required on v-text-field for it to work properly

Things you fixed

• #1695 #1700 Fixed a bug where append icon callbacks were not working properly (thanks @jacekkarczmarczyk )

Hurricane Irma Release Party

Even though this release is a PATCH, it does contain some additional functionality that could technically belong in a MINOR release. v-select was garbage for so many situations and use-cases. It lacked the general functionality that you would expect to just work out of the box, so I went off on a tangent. Numerous new props that support asynchronous items have been added along with the much awaited tagging option, and even search debouncing. I would like to thank our new moderator @jacekkarczmarczyk for really being a big help with localization issues in v-date-picker. It should now be much easier to work with if your native language/locale isn't mine ;)

As always, this release has also been accompanied by some documentation improvements and updates. While still not perfect, there is still a lot planned to bring to the community in the coming months. There will only be 1 more MINOR release before version 1.0 and I'd like to thank everyone for your constant support and help with making this the best UI framework for Vue.

If Vuetify has helped you make something amazing, please considering supporting/backing the project. This helps me provide compensation to the dev team for their countless hours of hard work and support, as well as putting money back into Vuetify to make it even better.

One final note, we now have a DIAMOND level sponsor, LMAX Exchange. I'd like to thank them for their support and you can now see their logo on the documentation navigation drawer.

Things we added

• 33c3ef6 Added jumbotron and hide-controls props to v-parallax. Added the material spec image fade for images.
• #1112 v-stepper now accepts dynamic steps
• #1183 Added ability to clear all form components
• Added new props to v-select, cache-items, tags, search-debounce documentation

Things we fixed

• #1537 Fixed a bug where dragging a v-btn with the href or to prop while clicking very fast would cause the ripples to persist
• #1585 Fixed a bug where v-expansion-panel was focusable even without the prop
• #1592 Fixed a bug where v-select did not work properly with dynamic items
• #1597 Fixed a bug where v-btn inside of v-btn-toggle was not styled properly when selected
• #1600 Fixed a bug where the counter prop could not be disabled on v-text-field
• #1603 Fixed a bug where long labels were not displayed properly on v-slider
• #1604 Fixed a bug where a v-menu inside of a v-toolbar-items did not have the proper height on Safari browsers
• #1608 Fixed a bug where the detachable mixin (v-menu/v-dialog) was throwing errors with vue-virtual-scroller
• #1631 Fixed a regression of the overlay used on v-dialog and v-sidebar in certain conditions could create 2 overlays instead of just 1
• #1640 Removed the ability for a disabled v-tabs-item to still be tabbed to
• 29f1ca3 Fixed a bug where v-radio inside of v-radio-group was not tab target-table
• d9b159a Fixed a bug where the origin prop was not working properly on components that can have custom transitions
• cba4286 Fixed a bug where a v-snackbar with an initial value of true would not timeout

Things we changed

• Numerous QoL grid tweaks

Things you added

• #1616 Added the lazy prop to v-expansion-panel-content
• #1598 Added ability for v-btn to accept the value prop

Things you fixed

• #1581 #1601 Fixed a bug where v-form was not properly validating nested inputs and much more! (thanks @KaelWD)
• #1590 Fixed a bug where v-select with a tabindex was not overriding the default (thanks @Phlow2001)
• #1641 Fixed a bug where v-text-field with the box and solo prop were not working well with the append-icon and prepend-icon props (thanks @jacekkarczmarczyk)
• #1647 Fixed a bug where the disabled prop was not properly being applied to v-radio (thanks @KaelWD)
• #1649 Fixed a bug where v-date-picker was not properly handling internationalization in the title (thanks @jacekkarczmarczyk)
• #1651 Fixed a bug that month names in v-date-picker with localization was not displaying properly (thanks @jacekkarczmarczyk)

Things we fixed

• bcbed18 62535c1 Fixed a bug where importing VGrid with a-la-carte was not properly importing the styles
• #1563 Fixed a bug where v-text-field was not properly aligned within v-toolbar
• #1574 Fixed a bug where when not using v-tabs-content, v-tabs would not properly emit model changes
• #1571 Fixed a bug where a recent changes with #1545 introduced a bug when using v-model on v-form
• #1570 Removed border declared on v-tabs-items

Things we changed

• #1575 When using a component that utilizes an overlay, the home and end keys were prevented in order to not allow scrolling. While this is ideal, it causes issues when trying to use home or end from within a v-text-field or v-select with the autocomplete|editable prop. Due to this, the checks for home and end have been removed from overlayable.js

Things you added

• Added accessibility improvements to v-data-table and v-select along with numerous tests (thanks @Phlow)
• #1566 Added testing for the new vuetify breakpoint object. (thanks @cb109)

Things you fixed

• #1507 Fixed a bug where selection-control components v-radio|v-checkbox|v-switch were not changing model when their label was clicked (thanks @ckaczor)
• #1526 Fixed a bug where the text-field input had the improper styles when the readonly attribute was used (thanks @jacekkarczmarczyk)
• #1549 Fixed a bug where when using a v-time-picker with the no-title prop that you could not go back to selecting hours (thanks @haggys22)

Documentation

Cleaned up numerous sections, added new examples for grid and text-fields

Things I potentially broke

I realized today that the grid system was fundamentally broken for applying the proper gutters between flex items. I also realized that some of the baseline functionality of flex-box was not actually available to the developer. In light of this, I made a few tweaks that could potentially break your layout depending on your current setup. Some of the new features are:

1. Ability to set display through helper classes d-{flex|inline-flex|block|inline-block}
2. Can now properly nest v-layout and v-flex
3. Only 1 v-container element is needed in order to specify the spacing between all children grid components
4. v-container no longer has a gutter by default. This means that if you were relying on it to give row spacing between elements, you will need to specifically designate the grid-list property on the container.
5. The documentation for grids have been significantly improved providing more examples and use-cases.

Things we fixed

• #1382 Fixed a bug where v-select did not work properly with the placeholder prop
• #1511 Fixed bug where v-toolbar was not merged properly and didn't scroll off screen when using the scroll-off-screen prop
• #1510 Fixed a bug where v-time-picker was not properly setting the background color to the middle circle element
• #1517 Fixed a bug where v-icon was not properly inheriting colors
• e483aa2 Fixed a bug where the line-height was not set properly for v-list-tile-title and v-list-tile-sub-title

Things you fixed

#1515 Fixed a bug where disabled dates on v-date-picker where not receiving the proper styles

Things we fixed

• df85e48 Fixed a bug where v-select could be tab targeted when using the disabled prop
• 283c5c5 Fixed a bug where it was possible to vertically overflow v-list-tile-title and v-list-tile-sub-title
• 4016342 Fixed a rendering issue with v-expansion-panel using the popout prop
• ee052a3 Fixed a bug where v-select WITHOUT the autocomplete prop would not work
• #1495 Fixed/improved logic for determining if a select is overflowed
• #1504 Fixed v-badge not working
• #1506 Fixed a bug where when using a v-btn as the activator for v-menu inside of v-toolbar was not styled correctly

Things nekosaur broke

• Fixed Vuetify binding for direct template use (binding to window)

Re-released 0.14.10 as its dist css file was not properly minified.

Things we fixed

• #1141 Fixed a bug where v-text-field with a label and the prepend-icon prop that caused label to shake in the improper position
• #1089 Fixed a bug that broke v-data-table sorting when a comparing against null values
• 80e0d2f Fixed a bug that was introduced by fixing the v-icon location inside a v-btn component with the icon prop into Safari
• #1142 Fixed a bug in v-data-table where if destroyed right after being loaded would throw a warning
• #1150 Fixed a bug where a fix for the breakpoint calculation of landscape v-toolbar was not added to v-navigation-drawer
• #1151 Fixed a bug where v-data-table was mutating the pagination prop, causing an error with strict vuex
• 78307a4 Fixed a bug where v-select with the overflow, segmented or editable prop was not applying the correct hover styles
• #1160 Fixed a bug where v-toolbar was not properly removing the extension if the prop was toggled
• #1121 Fixed a bug where v-tabs-bar would allow you to move all of the items out of view
• #1194 Added back accidentally removed mobile-break-point prop on v-navigation-drawer
• c0ac1c3 Fixed a bug where the v-ripple was not being properly applied
• #1207 Fixed a bug where using v-speed-dial with no children you would receive an error
• #1204 Fixed a bug where display breakpoint sm-and-up was not working

Things we added

• #1155 Increased the maximum width of labels in form components to 90%
• #1199 Added user-select none to v-btn
• #1190 Added footer slot to v-data-table
• #1211 Added proper styles for v-btn with the fab and small or large prop
• #1202 Added proper style inheriting to v-icon when inside of a v-btn
• #1180 Fixed a bug where v-select would always display a scroll bar
• #1209 Fixed a bug where v-app was not properly setting the height of the main v-container when using v-footer with the fixed prop

Things we changed

• 40c2e0c Removed theme application to lists within drawers
• 8436cce Removed deprecated v-card-row component

Things you fixed

• #1144 Fixed a bug where v-divider was not properly using the dark theme (thanks @cawa-93)
• #1173 Fixed a bug where the v-ripple directive was not being properly imported in v-list-tile (thanks @loduis)
• c97bd7c Fixed a bug where v-breadcrumbs-item was not properly showing font icons on edge (thanks @Phlow2001)
• fd032b6 6a9455f Added warning's for improperly matched Vuetify and Vue versions (thanks @Kylart and @Phlow2001)
• #1041 Fixed a bug that caused v-edit-dialog to overflow off of screen (thanks @Kylart)

Things we added

• #1097 Multiple v-card tests written

Things we fixed

• #1119 Fixed a bug where v-text-field with the multi-line and placeholder prop was overlapping when using the label prop
• #1117 Fixed a bug where v-btn with the fab prop was not centering the icon on IE11
• #1109 Fixed a bug when clicking on a v-list-group when a v-navigation-drawer was using the mini-variant prop with the .sync modifier causing the v-list-group to not properly open
• #1108 Fixed a bug in v-select when using the autocomplete prop and a scoped slot for the template the console would freak out
• #1129 #1131 Tweaked v-icon so that it properly works with v-text or v-html
• #1135 Fixed a bug where select-all and individual row selection was not working properly in v-data-table
• #1126 Fixed regression with v-select using the (overflow, segmented or editable) props causing the display to be messed up

Things you fixed

• #1115 #1116 #1137 #1136 Fixed multiple lint errors (thanks @loduis)

This release includes a few additions even though it is only a PATCH. No rioting please.

Things we fixed

• #852 Fixed a bug where if a v-stepper was in a dialog and an editable step was clicked, it would close the dialog
• #1057 Fixed a bug where v-btn with the fab prop would change its position when clicked
• #1054 Fixed a bug where v-navigation-drawer would sometimes throw an error when used with vue-router
• #1070 Fixed a bug where v-select would not properly enter an error state if blurred with no set value when using the required prop
• #1073 Fixed a bug where v-btn with the fab prop did not have the proper elevation when clicked
• #1078 Fixed a regression of v-text-field with the suffix prop not properly aligning
• #1079 Added id prop to all grid components
• #1080 Fixed a bug where flex elements were not properly wrapping in v-card
• #960 Fixed a bug where v-dialog with the transition prop set to false would still render an overlay scrim
• #1081 Fixed a bug in v-select when using the multiple prop and having a value that could evaluate to false as the value, the select would return an object instead of the value when selected
• #340 Fixed a regression in v-data-table where the initial row per page value was not working propelry
• #1059 Fixed a bug where v-date-picker would interpret a selection as a swipe and change months
• #1099 Fixed a bug where v-text-field with the multi-line and auto-grow prop was not adjusting its size when text was removed
• #1041 Fixed a bug where v-menu was not properly adjusting its location if it was overflowed on the x-axis
• #1026 Fixed a bug where theme styles were not being properly applied to v-btn-toggle
• #1028 Fixed a bug where v-select with the chips prop was inheriting color styles for the close icon
• #1053 Fixed a styling issue where the v-data-table rows select was not properly aligned
• #1029 Fixed a bug where v-parallax would still try to initialize if it was destroyed immediately after created
• #977 Fixed a bug where the minimum width calculation was not displaying properly for the v-select in the v-data-table footer actions
• #1107 Fixed a bug where if the footer and toolbar props were not used on v-app, the main container would not get the proper minimum height

Things we added

• Manually named all components for better autocomplete support in webstorm IDE's
• Added theme support to subheaders
• Added textfield option to text-fields
• #937 Added dark theme support for v-stepper
• #1044 #907 #959 Changed functionality of v-icon for better support of custom fonts within components that use v-icon. A soft warning of deprecation has also been added for removal in next release
• #1092 Updated v-text-field with missing styles from April Material Design update (no text-field boxes yet)
• #1101 Added functionality to properly destroy the overlay on v-navigation-drawer if the active status was changed by a check for mobile
• #818 Added new year-icon prop on v-date-picker. Allows you to specify an icon that will display next to the year
• #946 Numerous improvements to v-carousel. Can now set a theme that will change control styles, can now change icon of left and right controls, as well as disable them
• #982 Added the ability to disable individual items in the v-select items prop. This value is defaulted to disabled, but can be changed with the item-disabled prop.

Things you fixed

• #1105 Lint fix for v-btn (thanks @loduis)

Things we fixed

• #1049 Fixed a bug where v-navigation-drawer would not consistently boot
• #1046 FIxed a bug where v-tabs-item was still referencing the deprecated router prop

Things I broke

• 06d7638 Fixed a bug where list-tiles inside of a v-select were not propagating their click events

Things we fixed

• #1011 Forgot to remove async declaration in file that would cause menu to not work without babel-polyfill

Things we are deprecating

• c81496e The router prop for all components implementing route-link mixin (v-list-tile, v-btn, etc) will no longer be needed in 0.14. As such, we are deprecating it now with a warning message to inform you of the upcoming change. Your application will still work as normal

Things we (potentially) broke

This was not meant to be a breaking change, but does reflect a mistake on the dev team's part for consistency when using custom transitions on components through the provided transition prop. Before, it used the tag provided and generated an element. Now, it will instead properly use the prop for designating the transition name. Only affects v-menu and v-dialog

• #892 Fixed a bug where v-menu and v-dialog where using transition for the actual component as opposed to the name

Things we added

• #880 Added new design for 24hr v-time-picker
• #913 Added back explicit props for toolbar and footer on v-app. The logic that was used to do this automatically stopped working and was causing the main v-container to not size properly. If this was the case in your application, simply use the props that apply to your application and it should work now
• #918 Added the ability to pass HTML to all form components that support hint

Things we fixed

• Fixed regression of prepended-icon styles on v-text-field
• Fixed tabindex being applied to v-select autocomplete prop search field, requiring pressing tab twice to move to the next input
• #846 Fixed a bug where placing a badge on a v-btn would be cut off due to a deprecated overflow still being on the content element
• #865 Fixed a bug where v-time-picker would not automatically transition to the minutes when selecting an hour on mobile displays
• #882 Fixed a bug where v-select label with prop single-line was displaying when the field was dirty
• #883 Fixed a bug with no results with searching in v-data-table
• #884 Fixed a bug where v-bottom-navigation was not rendering properly on mobile (also cleaned it up a bit, should work flawless on IE11 now)
• #885 Fixed the margin on v-btn with the block prop causing it to be improperly aligned
• #889 Fixed a bug where a v-dialog rendered the activator slot when no activator was applied
• #890 #893 Fixed select-all prop in v-data-table throwing error
• #891 Fixed a bug where applying the v-tooltip directive to v-btn with the fab prop caused the button to not be positioned correctly
• #899 Fixed bug where a numeric 0 with the min prop in v-text-field was not being properly evaluated
• #904 Fixed v-text-field with the suffix prop being the incorrect font-size
• #908 Add back accidentally removed row/column specific breakpoints on v-layout
• #911 Fixed a bug where in certain conditions the v-dialog would create two overlays if the value prop was set to true at run time
• #920 Fixed a bug where the v-text-field count prop did not work properly on IE11
• #923 Fixed a bug where a v-chip with the closable prop inside of a v-dialog would close the dialog when clicked
• #922 Fixed a bug where v-stepper would not use the application's primary color for the steps on Safari

Things you fixed

• #903 Updated v-toolbar to only apply z-index when using the fixed prop, this should resolve toolbars in the content flow from appearing above the primary fixed one. (thanks @jrast)
• #917 Fixed a bug where the no-data-text generated tile when search results using autocomplete prop on the v-select was clickable (thanks @qw3n)
• #919 Updated v-data-table tbody styles to properly comply with MD Spec (thanks @arvanoid)

Neko and the Electric boogaloo

Welcome back to another Vuetify release! The dev team has been feverishly at work trying to bring awesome new tools to play with, while improving existing ones.

Before I continue, I'd like to thank all the developers that have made working on Vuetify an absolute pleasure. Of these developers, one individual has been pivotal to some of the features you will see this release. If you come across @nekosaur in gitter or the issue boards, make sure to show him your love. From answering questions to writing code so advanced that I personally think he's from the terminator movie, @nekosaur has been a monster among devs and I am thankful to have him on board.

This release is accompanied by a bunch of new goodies including support for documentation versioning, so if you're not ready to upgrade, you can still access information for previous releases. This will only be applicable for 0.12 and on. We have also added a new Sandbox area that will let you experiment with the various layouts supported in Vuetify. Lastly, a new FAQ section is being fleshed out to help with common questions and gotchas.

As some of you may have already experienced, thanks to @dohomi, we have moved our hosting solution from Digital Ocean to Zeit now. This change has helped us streamline features such as Current development docs and allowing more than just myself to deploy. Also a big shoutout to our newest sponsor, Cloudflare.

This release has taken so long particularly due to the entire theme overhaul. One of the biggest concerns with starting a new application was setting up the dark/light theme elements. It was daunting and very confusing at times. Now, defining your theme on v-app will define the default colors for all theme supporting components within the framework, while still allowing you to manually specify the theme for components that you want to.

One of the overdue tasks for the project has been unit testing. @nekosaur has setup the initial structure that will be used going forward as we start to develop tests for all components. Due to the massive size of the framework, this will be rolled in over time. If your favorite component does not have tests yet and you are tired of waiting, feel free to submit a PR.

Along with the new components, v-system-bar, speed-dial, the addition of Grid list functionality to the existing grid system and the Floating action button, we have a couple of refactors that should better place these components in line with Material spec and functionality.

• Cards
• Tabs
• Toolbars

With this release, I believe we only have 1 missing component from the initial spec, Bottom sheets. Thanks to @mfferreira, this component has already been in the works for quite some time and will ship with 0.14. While this is a positive note, one of the downsides to a framework growing in functionality, is that it also grows in size. While this may not concern some developers, to others, this can be a very daunting if you only use a handful of components.

In light of this, I have brought on @SharpSeeEr to help with the developing of a custom package generator. You will soon be able to select only the components you wish to use and get a customized package that only contains your choices.

Thanks again to all of the individuals who support this project. It has grown far past my expectations and I am so humbled by the Vue community. We all look forward to continuing the development of Vuetify, which will not cease once the initial spec is complete. Stay tuned for more information to come.

If you enjoy this project and would like to support the future development of new features and functionality, please consider donating through Paypal or Patreon.

Things we fixed

• #684 Fixed a bug where v-tab-slider could have an incorrect width if v-tabs existed within a component that was not shown at run time
• #696 Added better keyboard support to all selection control components
• #700 Fixed a bug where dialog overlay was not properly adding back scroll to the body
• #702 Fixed menu position when the auto prop was used on v-select with 3 items or less
• #711 Fixed a bug where a v-text-field could be partially focused
• #717 Fixed v-tabs-item position inside a v-tabs with the centered prop
• #718 #708 Fixed a bug where v-expansion-panel-content and v-list-group would not set its height to 'auto' after transition
• #722 Fixed a bug where when counter and prepend-icon prop on v-text-field were used, it would cause the counter to be positioned incorrectly
• #727 Fixed a bug where v-progress-linear's animation would constantly run, even if not enabled. This fixes an issue with higher than normal CPU usage
• #760 Fixed a bug where a non-focused, non-dirty input with a prefix would overlay the label
• #763 Fixed the lazy prop on v-dialog
• #770 Fixed a bug where the screen overlay would not properly show when a v-dialog was instantiated with an initial active state of true
• #779 Changed how detachable components are moved to account for the order in which Vue renders children (v-menu hidden behind v-dialog)
• #781 Fixed a bug where if a v-dialog was destroyed, the associated content would still persist in the DOM
• 88f989b Fixed a bug with searching in data-table when not on the first page
• #806 Fixed a bug where v-stepper would not work properly inside of v-dialog
• #824 Fixed media queries targeting only screen (not print)
• #832 Fixed a bug where v-list-tile had a delay before it was disabled inside of a v-menu
• #842 Removed native styles for v-text-field in Firefox
• #851 Fixed a bug where v-select would not properly highlight a numeric 0 when selected
• v-menu and v-select will now attempt to always keep the menu content on the screen

Things we added

• Completly overhauled theme system
• Unit tests
• v-system bar component
• v-speed-dial component
• #545 Added ability to manually set error state for all form components
• #609 Added support for Material design icons
• #643 Added back functionality stripped after release due to a documentation bug
• #656 Added allowed-time functionality to v-time-picker
• #677 Added ability to pass a custom class to v-menu and v-dialog
• #705 Added first-day-of-week prop to v-date-picker which allows you to specify the start day of your calendar
• #706 Added support for left and right (contextual) click positioning of v-menu with the position-x and position-y props
• #725 Added functionality that will remove the ability for a v-navigation-drawer to appear momentarily when initially rendering a page on mobile
• #737 #738 Added support for defining the <tr> within the scopedSlots of v-data-table
• #745 Added mandatory prop to v-btn-toggle which forces an option to be selected
• #800 Added ability to easily set custom colors on v-progress-linear
• #803 Added ability to show/hide the v-badge directive
• #808 Added better i18n support to v-data-table
• #810 Added proper step functionality to v-slider
• #814 Added change event for v-select that only occurs when an item is selected
• #820 Fixed a bug where components that use the overlay were not properly showing that overlay on IE/Edge
• #821 Updated the experience when using the left and right arrows on v-tabs
• Added hover prop to v-menu. This will open the v-menu on hover if using the activator slot
• Added absolute and fixed props to v-menu
• v-select will no longer apply the incorrect animation when not using the auto prop
• Added tile prop to v-card. This option removes border-radius
• Added the ability to set transitions on v-alerts
• Added better scrolling techniques for v-tabs
• Added the grid-list prop to v-container
• Added floating action button functionality to v-btn with the fab prop, replaces floating
• Added contextual mixin to v-icon allowing contextual props, ie. success and error
• Numerous IE11 bug fixes for overlay and buttons
• Overlays will append to the correct element if the implementing component uses the absolute prop
• v-dialog and v-menu now support the full-width prop, changing them from inline-block to block elements
• Pickers (v-date-picker and v-time-picker) will no longer automatically save if you are not using the actions prop. Must now be enabled by use of the autosave prop
• Selection controls (v-switch, v-checkbox and v-radio) no longer implement contextualable mixin. New colorable mixin allows for any color to be used.
• ba1a481 All form components that support error functionality will no longer clip with an incoming error
• Adjusted v-tooltip animation and timing to match MD spec
• v-tabs and v-stepper now uses provide/inject for better peformance
• All selection controls should now better reflect MD spec
• Form components underline now matches spec
• Form component errors prop has changed to error-message for better veelidate integration
• Moved numerous setTimeouts to requestAnimationFrame where applicable
• #98 Updated v-checkbox true and false value props to accept more than a String
• #805 Enabled eslint on the repository
• Changed v-data-table header left property to align. You can now simply pass align: left, right or center
• Removed duplicate label being generated for selection control components

Things we removed

• v-toolbar-sub
• v-toolbar-logo
• v-toolbar-item (now use v-btn)
• v-list-item
• v-btn-dropdown (now use v-select)
• Removed horizontal prop from v-card
• Removed entry animation for v-stepper
• Due to complications with autocomplete, the transition group for v-select has been removed

Things you added

• #788 Added positioning to the v-badge-directive (thanks @cawa93)
• #759 Added ability to remove minimum width on v-menu
• #859 Added download prop to all route-link mixin implementing components

Things you fixed

• #728 Moved the selector from document to window for the translatable mixin (affects v-parallax)
• #762 Fixed bug where tabs would not render properly after being deleted (thanks @eclipseAce)
• #802 Fixed v-app selection where it would be possible for a console error

Things we missed

These features missed the 0.13 release and will ship with 0.14

• FAB toolbar/sheet transition (in dev)
• Toolbar scrolling techniques
• Text field boxes
• Persistent bottom sheets

Things we fixed

• #678 and #675 Fixed extra padding and z-index of menu content ae764c5
• #645 Added abilityto scroll with large dialogs 4a176ba
• #691 Fixed comparison for select-all prop on v-data-table a2bb948

Things we fixed

• Fixed a bug with v-menu positioning when using offset-y and offset-x props 2bf4e36
• Fixed a bug where clicking outside of the element when using v-select would not close the menu f605eca

Things we added

• Added BACKERS.md for Patreon contributors. Join them in supporting Vuetify
• Added back basic autocomplete functionality to select. This is not the autocomplete component/text-field, but will allow searching the v-select items. More updates are coming to this very soon! 09c6c0d

Things we changed

• Theme colors are being continually worked on. This release fixed numerous consistencies with how components were styled. This may introduce some light required changes on the part of the dev for some components as everything defaults to dark.
• #611 v-text-field will now pass along the Event for blur and focus fd04aea
• #617 v-list children should now have the proper font weight 1c107fe
• Tweaked toggleable mixin initial values 9f7d2e2
• #633 Removed resize watching by default on v-navigation-drawer. This can be re-enabled by using the enable-resize-watcher prop. f971a7a
• Added .flexbox helper class for setting display: flex on an element 995eae0

Things we fixed

• #585 #598 Menu has been updated in how it functions. Instead of staying inline where it is placed, the content portions will be appended to the body. This should eliminate all issues regarding getting stuck inside overflow.
• #621 Updated v-navigation-drawer styles to account for multiple v-list-tile's inside of a v-list-item when regards to active highlighting 90b858e
• #597 Fixed a bug where v-btn-toggle would mutate the value prop 32e7abb
• #635 v-carousel will now watch for changes in the cycle prop 7280a6f
• #641 v-tabs-slider will now properly re-position when the route is changed programmatically when using the router prop on v-tabs-item c0d19ef

Things you changed

• #606 Added codepen starter link to README (thyanks @cawa-93)
• #589 Added logic for setting min/max on v-text-field. When not using the counter prop, will bind min/max as attributes to the input. Fixed #576 (thanks @creativecoder) 686b837
• Added the current index to the available parameters within the v-data-table scoped slot d585543 (thanks @mtpc)

New things

While updating v-date-picker for #596, I decided to do a small QoL change to how the date-format prop works. Now, v-model will always emit an ISO formatted date string. There is a new prop, formatted-value which will emit the date-format function. This will allow you to get a custom date format without jumping through hoops with computed properties. I also added the ability to pass a timestamp as the model value. A new documentation example has been added showing how to use this new functionality.

Things we fixed

• #603 Added default transform so v-parallax doesn't appear to jump when loading in some situations c003fac
• #601 Fixed a bug where default slot was not working properly in v-tabs a56114b
• #591 Fixed a bug where 0 was being interpreted as false when checking if v-text-field had data or not 10be646
• #571 Added hide-overlay prop in the overlayable mixin to actually check the property c03425f
• #572 Fixed a bug where v-card with the horizontal prop had border radius on the inside of the image 9f23bca
• #579 Fixed a rendering issue with v-tooltip on IE11
• #587 Fixed a bug where the disabled state of v-text-field was not properly showing the bottom dotted border a6ec4f7
• #596 Fixed a bug in v-date-picker where an improper comparison could cause an error.

Things you fixed

• #560 Fixed file permissions on all files (thanks @stephane) 1040657

Bug Fixes

• #571 Fixed a bug where hide-overlay prop was not being evaluated in v-nagiation-drawer c03425f
• #572 Corrected v-card with the horizontal prop border radius 9f23bca
• #579 Fixed a bug where tooltips did not display properly on IE11 46897b8
• #587 Fixed display issue where disabled bottom dotted border was not displaying for v-text-field a6ec4f7

Guardians of Development

Hello again! I am very excited to bring to you one of the most impactful updates that we have released since the launch of Vuetify back in December. The documentation has been 100% overhauled from top to bottom to offer the best possible experience when coding with Vuetify. Every example provided has been converted to a full .vue component with source code available from template, script, and style. This should be a great asset in removing some of the magic that is not seen with the current examples and help you better understand how things work. Along with the technical updates, you'll be able to enjoy a better visual design and navigation throughout the entire platform.

This release also comes with a completely overhauled layout and grid system. Depending on your design, one of the more complicated features of Vuetify was the layout system. What was initially aimed to be flexible, turned into a nightmare for some users. Combined with poor examples, if you had issues, you were heading to gitter to talk to someone. This change was a difficult one for a few reasons. Specifically, the more opiniated approach that had to be taken. This approach, however, offers a great deal of flexibility and guarantees that your development time will not be wasted on getting the layout to work. The new grid system, originally spearheaded by developer @dohomi, has been rebuilt to really allow you to utilize the power of flex box. For most, the only thing changing will be the component's tag. Whereas for others, a more powerful system awaits.

Better themeing options have been propagated throughout the entire framework. This will give you better control over the colors of various components. One of the challenges with moving the Material Design theme options over was the difference between a light and dark theme. This varied by component and sometimes had us scratching our head for which color to use. Some components would have white for a dark theme and some would have black. To simplify this, we have determined that light and dark will refer to the color used on the component. Light corresponds to a base color of white, and dark is black.

Tabs have received quite a few updates this release, ranging from better router support to better themeing options. One of the difficulties encountered was how do we handle these theme changes? Take in props, such as bg-color and slider-color, or abstract these components so the dev can explicity specify how they would like to handle it. This was accompanied by a few naming changes to make sure it was easy to remember names, such as v-tab-item changing to v-tabs-item. For more information, you can checkout the documentation here

Lastly, I have opened up a Patreon and Paypal to allow developers to donate to the project. I greatly appreciate the community support, which surprisingly has been asking to donate to Vuetify's development. I am very humbled and greatly appreciative of the support. Keep coding hard and keep pushing forward.

New things

• #352 v-breadcrumbs-item can now be used with vue-router beb2c79
• #372 Added caption, body-1 and body-2 helper classes for Typography e481c08
• #376 Added prefix and suffix support to v-text-field 9972e95
• #385 Removed initial transition in tabs
• #386 Converted padding and margins in helper classes and components to be based off of px instead of rem dbc4909
• #387 Removed explicit box-shadow removal for cards inside of v-tabs-content c6898d8
• #446 Added server side pagination and sorting support to v-data-table 7c0d381
• #448 Added the ability to specify allowed-dates in v-date-picker b08d192
• #450 v-text-field now supports an explicit placeholder declaration b9f08c0
• #460 v-text-field now supports the readonly property 15767f3
• #461 Added box-shadow to v-dialog 0735d42
• #465 v-data-table will now automatically sort the first sortable column if none is specified a7ae1ec
• #497 Added disabled prop functionality to v-dialog 3d587e3
• #517 Added dynamic overflow so that selects will not be hidden inside of v-tabs-content 917cdcc
• #516 #498 #400 Added better support/control of pagination and sorting in v-data-table. The entry point for items has moved from v-model to the items prop. v-model will now return the selected items within the data-table. Fixed vuex prop mutation errors. aa6e13e
• #535 Added explicit for declaration on v-text-field's label if the id attribute is used 8f3ebc4
• #546 Added ability to specify a target for a v-list-tile. This change also affects any component that can use the route prop 701dc61
• The entire grid system has been revamped, see above for more information
• Added theme options to components.
• Added flat property to v-card which specifies no box-shadow
• Added default transition to v-toolbar aeabc37
• The v-navigation-drawer (old v-sidebar) is now within MD spec and has an array of new props to utilize
• v-icon now supports Font Awesome out of the box
• v-data-table now supports sorting within nested properties 4139aa6
• v-navigation-drawer (old v-sidebar) now supports an overlay scrim
• v-app no longer requires declaration of the type of layout being used
• v-card-row is now a functional component
• v-icon is now a functional component
• v-icon will now look proper when placed inline with text 29c937f
• Added default slot to v-parallax
• v-select will now by default return the value of the selected item, or array of values in the case of multiple. A new prop has been added, return-object if you would like to maintain the same functionality from before c7cc6b6
• v-date-picker now has the years ordered descending 8f0eb59
• All selection controls now have the proper Material Design theme by default. This can still be overwritten 868ea0f
• Changed border radius of v-chip with label property cc7e440
• Added flat prop to v-card, forces elevation-0 048c066

Things we removed

• v-content

Things we broke

• v-sidebar is now v-navigation-drawer
• v-row is now v-layout
• v-col is now v-flex
• v-tabs has a new structure and new components, see above
• v-app has been completely overhauled with a new layout system

Things we fixed

• #368 Fixed a bug where mobile tabs were not showing scroll arrows faee3c0
• #438 Fixed bug where .btn--raised class was still being applied to flat buttons e22ef96
• #441 Fixed a bug where tooltips were inheriting text-transform f34bb69
• #451 Fixed a bug where v-dialog was setting the model twice on close
• #466 Fixed a bug where the v-tab-reverse-transition was not working properly
• #470 v-date-picker buttons have been converted to anchor tags a315166
• #471 Fixed a bug where v-select would overflow inside of v-dialog c2d0cbf
• #473 The v-tabs component will now properly highlight the active route when used as a router 6890bb5
• #476 Fixed a bug where dynamic v-tab-item's would not work 271699c
• #478 Fixed a bug where the v-click-outside directive would attempt to remove an event listener from an already removed element e0890dd
• #492 Fixed a bug where v-date-picker would not properly mouse scroll on Firefox 8f0eb59
• #512 Fixed rendering issue with buttons inside of a horizontal v-stepper 9ce5269
• Improved coverage of IE11 browser
• Fixed a bug where a date would have to be clicked twice for it to register 280f50b
• Fixed mis-aligned text on v-text-field when using the prepend-icon prop 62f1960
• Fixed prepend icon incorrect padding ca7060b

Things you fixed

• #488 Default search and filter functions have been replaced with props that can be modified 3979f0d (thanks @avengerweb)
• #513 Fixed card style in fullscreen dialogs b39771b (thanks @avengerweb)
• #523 Added cross-env support for building the Vuetify package 87293eb (thanks @motia)
• #537 #540 removed Edge browser default native icons cf5765e (thanks @jamesxv7)

Things we didn't get to

• IE11 coverage is still not 100% where I'd like it to be
• Material Design spec April updates have not been 100% completed yet
• New Webpack-SSR guide needs to be written
• Theme coverage still has improvements that need to be made

Bug fixes and more

This release contains a change that could be considered not appropriate for a patch release, but seeing as it is very close to release and the effect should be minimal, I'm including it.

Updates

• v-dialog no longer has v-card explicitly built in.
• v-overlay no longer removes scroll
• v-dialog default width is now 290px

Bugs

• #410 Fixed a bug where pagination comparison was not properly highlighting 4b0c606
• #411 Removed logic for disabling scroll
• #425 Fixed a bug where the focus method did not actually focus the input, only applied styles vuetifyjs/vuetify@d0e8e1a
• #424 Fixed bug where v-time-picker in 24hr mode was still emitting 'am' vuetifyjs/vuetify@5a45a33