v0.17.0-beta.3

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
• #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)

v0.17.0-beta.2

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 )

v0.17.0-beta.1

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
• d72b548 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

v0.16.9

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

v0.16.8

Things we changed

• 24cea8c 10eb8e2 Made the $vuetify.breakpoint object available in the mounted lifecycle hook

Things we fixed

• 993bcb3 Prevent initially-open fullscreen dialogs from creating an overlay
• 4695b21 Prevent race condition when v-select is destroyed immediately after mount
• #2219 Prevent race condition when v-select is destroyed after selecting an item
• #2195 Fixed a bug where using the cache-items prop on a v-select without return-object would create duplicated entries
• #2126 Correct open v-select background color when using the dark theme
• #2213 Fixed a bug where IE11 is terrible and should be deleted off the face of the earth
• #2214 Fixed a bug where v-select wouldn't show its placeholder unless focused
• #2121 10eb8e2 Fixed a bug where v-navigation-drawer would always be open on SSR. This fix means that initially-open navigation drawers will now transition from closed to open on page load (see gif)
• #2111 (kinda) fixed a bug where menu position would be incorrect when the window was resized vertically

Things you changed

• #2177 Made the v-ripple directive reactive (thanks @Phlow2001)

v0.16.7

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)

v0.16.6

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)

v0.16.5

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 )

v0.16.4

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

Things we changed

• #2006 Renamed active prop on routable implementing components to inactive. The default will be active and inactive will remove it
• 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
• 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 added

• #2053 Added a new prop to v-data-table, hide-headers (thanks @CharlesOkwuagwu )

Things you fixed

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

v0.16.3

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