vuetify 2.5.4 → 2.5.8

package/src/components/VDataTable/__tests__/__snapshots__/VDataTable.spec.ts.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`VDataTable.ts should apply class from item to rows 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -393,7 +393,7 @@ exports[`VDataTable.ts should apply class from item to rows 1`] = `
 `;
 
 exports[`VDataTable.ts should apply class function to rows 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -785,7 +785,7 @@ exports[`VDataTable.ts should apply class function to rows 1`] = `
 `;
 
 exports[`VDataTable.ts should apply class list to rows 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -1177,7 +1177,7 @@ exports[`VDataTable.ts should apply class list to rows 1`] = `
 `;
 
 exports[`VDataTable.ts should apply class unique to rows 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -1569,7 +1569,7 @@ exports[`VDataTable.ts should apply class unique to rows 1`] = `
 `;
 
 exports[`VDataTable.ts should change page if item count decreases below page start 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -1769,7 +1769,7 @@ exports[`VDataTable.ts should change page if item count decreases below page sta
 `;
 
 exports[`VDataTable.ts should default to first option in itemsPerPageOptions if it does not include itemsPerPage 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -2211,7 +2211,7 @@ exports[`VDataTable.ts should default to first option in itemsPerPageOptions if
 `;
 
 exports[`VDataTable.ts should handle object when checking if it should default to first option in itemsPerPageOptions 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -2854,7 +2854,7 @@ exports[`VDataTable.ts should handle object when checking if it should default t
 `;
 
 exports[`VDataTable.ts should hide group button when column is not groupable 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -3497,7 +3497,7 @@ exports[`VDataTable.ts should hide group button when column is not groupable 1`]
 `;
 
 exports[`VDataTable.ts should limit page to current page count if not using server-items-length 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -3889,7 +3889,7 @@ exports[`VDataTable.ts should limit page to current page count if not using serv
 `;
 
 exports[`VDataTable.ts should not limit page to current item count when using server-items-length 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -4036,7 +4036,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
 `;
 
 exports[`VDataTable.ts should not limit page to current item count when using server-items-length 2`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -4427,7 +4427,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
 `;
 
 exports[`VDataTable.ts should not search column with filterable set to false 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -5070,7 +5070,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 1`]
 `;
 
 exports[`VDataTable.ts should not search column with filterable set to false 2`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -5218,7 +5218,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 2`]
 `;
 
 exports[`VDataTable.ts should not search column with filterable set to false and has filter function 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -5511,7 +5511,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
 `;
 
 exports[`VDataTable.ts should not search column with filterable set to false and has filter function 2`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -6154,7 +6154,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
 `;
 
 exports[`VDataTable.ts should not select item that is not selectable 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -6445,7 +6445,7 @@ exports[`VDataTable.ts should not select item that is not selectable 1`] = `
 `;
 
 exports[`VDataTable.ts should pass kebab-case footer props correctly 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -6548,7 +6548,7 @@ exports[`VDataTable.ts should pass kebab-case footer props correctly 1`] = `
 `;
 
 exports[`VDataTable.ts should render 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -6651,7 +6651,7 @@ exports[`VDataTable.ts should render 1`] = `
 `;
 
 exports[`VDataTable.ts should render footer.page-text slot content 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -6753,7 +6753,7 @@ exports[`VDataTable.ts should render footer.page-text slot content 1`] = `
 `;
 
 exports[`VDataTable.ts should render footer.prepend slot content 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -6856,7 +6856,7 @@ exports[`VDataTable.ts should render footer.prepend slot content 1`] = `
 `;
 
 exports[`VDataTable.ts should render item slot when using group-by function 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -7058,7 +7058,7 @@ exports[`VDataTable.ts should render item slot when using group-by function 1`]
 `;
 
 exports[`VDataTable.ts should render loading state 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -7186,7 +7186,7 @@ exports[`VDataTable.ts should render loading state 1`] = `
 `;
 
 exports[`VDataTable.ts should render loading state 2`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -7343,7 +7343,7 @@ exports[`VDataTable.ts should render loading state 2`] = `
 `;
 
 exports[`VDataTable.ts should render with body slot 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -7486,7 +7486,7 @@ exports[`VDataTable.ts should render with body slot 1`] = `
 `;
 
 exports[`VDataTable.ts should render with data 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -7878,7 +7878,7 @@ exports[`VDataTable.ts should render with data 1`] = `
 `;
 
 exports[`VDataTable.ts should render with foot slot 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -8273,7 +8273,7 @@ exports[`VDataTable.ts should render with foot slot 1`] = `
 `;
 
 exports[`VDataTable.ts should render with group scoped slot 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -8426,7 +8426,7 @@ exports[`VDataTable.ts should render with group scoped slot 1`] = `
 `;
 
 exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -8937,7 +8937,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
 `;
 
 exports[`VDataTable.ts should render with grouped rows 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -9396,7 +9396,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
 `;
 
 exports[`VDataTable.ts should render with item scoped slot 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -9553,7 +9553,7 @@ exports[`VDataTable.ts should render with item scoped slot 1`] = `
 `;
 
 exports[`VDataTable.ts should render with item.expanded scoped slot 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -9970,7 +9970,7 @@ exports[`VDataTable.ts should render with item.expanded scoped slot 1`] = `
 `;
 
 exports[`VDataTable.ts should render with showExpand 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -10418,7 +10418,7 @@ exports[`VDataTable.ts should render with showExpand 1`] = `
 `;
 
 exports[`VDataTable.ts should render with showExpand 2`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -10866,7 +10866,7 @@ exports[`VDataTable.ts should render with showExpand 2`] = `
 `;
 
 exports[`VDataTable.ts should render with showSelect 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -11359,7 +11359,7 @@ exports[`VDataTable.ts should render with showSelect 1`] = `
 `;
 
 exports[`VDataTable.ts should respect mustSort property on options 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -11597,7 +11597,7 @@ exports[`VDataTable.ts should respect mustSort property on options 1`] = `
 `;
 
 exports[`VDataTable.ts should search group-by column 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -11809,7 +11809,7 @@ exports[`VDataTable.ts should search group-by column 1`] = `
 `;
 
 exports[`VDataTable.ts should search group-by column 2`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -11984,7 +11984,7 @@ exports[`VDataTable.ts should search group-by column 2`] = `
 `;
 
 exports[`VDataTable.ts should show correct aria-labels when sorting 1`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>
@@ -12392,7 +12392,7 @@ exports[`VDataTable.ts should show correct aria-labels when sorting 1`] = `
 `;
 
 exports[`VDataTable.ts should show correct aria-labels when sorting 2`] = `
-<div class="v-data-table v-data-table--has-bottom theme--light">
+<div class="v-data-table v-data-table--has-bottom theme--light v-data-table--mobile">
   <div class="v-data-table__wrapper">
     <table>
       <colgroup>

package/src/components/VFileInput/VFileInput.ts

@@ -38,6 +38,7 @@ export default VTextField.extend({
       default: '$vuetify.fileInput.counter',
     },
     hideInput: Boolean,
+    multiple: Boolean,
     placeholder: String,
     prependIcon: {
       type: String,
@@ -82,7 +83,7 @@ export default VTextField.extend({
       }
     },
     computedCounterValue (): string {
-      const fileCount = (this.isMultiple && this.lazyValue)
+      const fileCount = (this.multiple && this.lazyValue)
         ? this.lazyValue.length
         : (this.lazyValue instanceof File) ? 1 : 0
 
@@ -116,9 +117,6 @@ export default VTextField.extend({
     isLabelActive (): boolean {
       return this.isDirty
     },
-    isMultiple (): boolean {
-      return this.$attrs.hasOwnProperty('multiple')
-    },
     text (): string[] {
       if (!this.isDirty && (this.isFocused || !this.hasLabel)) return [this.placeholder]
 
@@ -151,7 +149,7 @@ export default VTextField.extend({
       immediate: true,
     },
     value (v) {
-      const value = this.isMultiple ? v : v ? [v] : []
+      const value = this.multiple ? v : v ? [v] : []
       if (!deepEqual(value, this.$refs.input.files)) {
         // When the input value is changed programatically, clear the
         // internal input's value so that the `onInput` handler
@@ -165,7 +163,7 @@ export default VTextField.extend({
 
   methods: {
     clearableCallback () {
-      this.internalValue = this.isMultiple ? [] : null
+      this.internalValue = this.multiple ? [] : null
       this.$refs.input.value = ''
     },
     genChips () {
@@ -197,6 +195,8 @@ export default VTextField.extend({
     genInput () {
       const input = VTextField.options.methods.genInput.call(this)
 
+      input.data!.attrs!.multiple = this.multiple
+
       // We should not be setting value
       // programmatically on the input
       // when it is using type="file"
@@ -267,7 +267,7 @@ export default VTextField.extend({
     onInput (e: Event) {
       const files = [...(e.target as HTMLInputElement).files || []]
 
-      this.internalValue = this.isMultiple ? files : files[0]
+      this.internalValue = this.multiple ? files : files[0]
 
       // Set initialValue here otherwise isFocused
       // watcher in VTextField will emit a change

package/src/components/VFileInput/__tests__/VFileInput.spec.ts

@@ -42,6 +42,14 @@ describe('VFileInput.ts', () => {
     expect(wrapper.html()).toMatchSnapshot()
   })
 
+  it('should render multiple', () => {
+    const wrapper = mountFunction({
+      propsData: { multiple: true },
+    })
+
+    expect(wrapper.html()).toMatchSnapshot()
+  })
+
   it('should render counter', () => {
     const wrapper = mountFunction({
       propsData: {

package/src/components/VFileInput/__tests__/__snapshots__/VFileInput.spec.ts.snap

@@ -17,7 +17,7 @@ exports[`VFileInput.ts should be unclearable 1`] = `
       <div class="v-text-field__slot">
         <div class="v-file-input__text">
         </div>
-        <input id="input-24"
+        <input id="input-29"
                type="file"
         >
       </div>
@@ -53,7 +53,7 @@ exports[`VFileInput.ts should display file size 1`] = `
         <div class="v-file-input__text">
           test (2.1 MB)
         </div>
-        <input id="input-12"
+        <input id="input-17"
                type="file"
         >
       </div>
@@ -99,7 +99,7 @@ exports[`VFileInput.ts should display file size 2`] = `
         <div class="v-file-input__text">
           test (2.1 MB)
         </div>
-        <input id="input-12"
+        <input id="input-17"
                type="file"
         >
       </div>
@@ -145,7 +145,7 @@ exports[`VFileInput.ts should display total size in counter 1`] = `
         <div class="v-file-input__text">
           2 files
         </div>
-        <input id="input-18"
+        <input id="input-23"
                type="file"
         >
       </div>
@@ -194,7 +194,7 @@ exports[`VFileInput.ts should display total size in counter 2`] = `
         <div class="v-file-input__text">
           2 files
         </div>
-        <input id="input-18"
+        <input id="input-23"
                type="file"
         >
       </div>
@@ -286,7 +286,7 @@ exports[`VFileInput.ts should render chips 1`] = `
             </span>
           </span>
         </div>
-        <input id="input-62"
+        <input id="input-67"
                type="file"
         >
       </div>
@@ -332,7 +332,7 @@ exports[`VFileInput.ts should render counter 1`] = `
         <div class="v-file-input__text">
           test
         </div>
-        <input id="input-6"
+        <input id="input-11"
                type="file"
         >
       </div>
@@ -363,6 +363,46 @@ exports[`VFileInput.ts should render counter 1`] = `
 </div>
 `;
 
+exports[`VFileInput.ts should render multiple 1`] = `
+<div class="v-input theme--light v-text-field v-file-input">
+  <div class="v-input__prepend-outer">
+    <div class="v-input__icon v-input__icon--prepend">
+      <button type="button"
+              aria-label="prepend icon"
+              class="v-icon notranslate v-icon--link material-icons theme--light"
+      >
+        $file
+      </button>
+    </div>
+  </div>
+  <div class="v-input__control">
+    <div class="v-input__slot">
+      <div class="v-text-field__slot">
+        <div class="v-file-input__text">
+        </div>
+        <input id="input-6"
+               type="file"
+               multiple="multiple"
+        >
+      </div>
+      <div class="v-input__append-inner">
+        <div>
+        </div>
+      </div>
+    </div>
+    <div class="v-text-field__details">
+      <div class="v-messages theme--light">
+        <span name="message-transition"
+              tag="div"
+              class="v-messages__wrapper"
+        >
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`VFileInput.ts should render small chips 1`] = `
 <div class="v-input v-input--is-label-active v-input--is-dirty theme--light v-text-field v-file-input">
   <div class="v-input__prepend-outer">
@@ -385,7 +425,7 @@ exports[`VFileInput.ts should render small chips 1`] = `
             </span>
           </span>
         </div>
-        <input id="input-69"
+        <input id="input-74"
                type="file"
         >
       </div>
@@ -420,7 +460,7 @@ exports[`VFileInput.ts should render without icon 1`] = `
       <div class="v-text-field__slot">
         <div class="v-file-input__text">
         </div>
-        <input id="input-76"
+        <input id="input-81"
                type="file"
         >
       </div>
@@ -461,7 +501,7 @@ exports[`VFileInput.ts should set display none if hide-input prop is set 1`] = `
       <div class="v-text-field__slot">
         <div class="v-file-input__text">
         </div>
-        <input id="input-102"
+        <input id="input-107"
                type="file"
         >
       </div>

package/src/components/VList/VListGroup.ts

@@ -65,7 +65,7 @@ export default baseMixins.extend<options>().extend({
       default: 'primary',
     },
     disabled: Boolean,
-    group: String,
+    group: [String, RegExp],
     noAction: Boolean,
     prependIcon: String,
     ripple: {

package/src/components/VList/VListItem.sass

@@ -6,7 +6,7 @@
     color: map-deep-get($material, 'text', 'disabled')
 
   &:not(.v-list-item--active):not(.v-list-item--disabled)
-    color: map-deep-get($material, 'text', 'primary') !important
+    color: map-deep-get($material, 'text', 'primary')
 
   .v-list-item__mask
     color: map-deep-get($material, 'text', 'disabled')
@@ -264,3 +264,4 @@
     -webkit-line-clamp: 2
     -webkit-box-orient: vertical
     display: -webkit-box
+

package/src/components/VList/VListItem.ts

@@ -182,6 +182,6 @@ export default baseMixins.extend<options>().extend({
       })
       : this.$slots.default
 
-    return h(tag, this.setTextColor(this.color, data), children)
+    return h(tag, this.isActive ? this.setTextColor(this.color, data) : data, children)
   },
 })

package/src/components/VMenu/VMenu.sass

@@ -13,9 +13,6 @@
     overflow-y: auto
     overflow-x: hidden
     contain: content
-    // This is required for an issue on Chrome 65
-    // that prevents scrolling after a menu is opened
-    will-change: transform
     +elevation($menu-content-elevation)
     +radius($menu-content-border-radius)
 

package/src/components/VNavigationDrawer/VNavigationDrawer.sass

@@ -23,7 +23,6 @@
   top: 0
   transition-duration: 0.2s
   transition-timing-function: map-get($transition, 'fast-out-slow-in')
-  will-change: transform
   transition-property: transform, visibility, width
   +bootable()
 

package/src/components/VProgressCircular/VProgressCircular.sass

@@ -60,7 +60,7 @@
 
   100%
     stroke-dasharray: 100, 200
-    stroke-dashoffset: -125px
+    stroke-dashoffset: -124px
 
 @keyframes progress-circular-rotate
   100%

package/src/components/VRangeSlider/VRangeSlider.ts

@@ -172,7 +172,7 @@ export default VSlider.extend({
       const thumbRef = this.$refs[refName] as HTMLElement
       thumbRef.focus()
     },
-    onSliderMouseDown (e: MouseEvent) {
+    onSliderMouseDown (e: MouseEvent | TouchEvent) {
       const value = this.parseMouseMove(e)
 
       this.reevaluateSelected(value)
@@ -182,7 +182,13 @@ export default VSlider.extend({
 
       if ((e.target as Element)?.matches('.v-slider__thumb-container, .v-slider__thumb-container *')) {
         this.thumbPressed = true
+        const domRect = (e.target as Element).getBoundingClientRect()
+        const touch = 'touches' in e ? e.touches[0] : e
+        this.startOffset = this.vertical
+          ? touch.clientY - (domRect.top + domRect.height / 2)
+          : touch.clientX - (domRect.left + domRect.width / 2)
       } else {
+        this.startOffset = 0
         window.clearTimeout(this.mouseTimeout)
         this.mouseTimeout = window.setTimeout(() => {
           this.thumbPressed = true
@@ -216,7 +222,7 @@ export default VSlider.extend({
         this.$emit('change', this.internalValue)
       }
     },
-    onMouseMove (e: MouseEvent) {
+    onMouseMove (e: MouseEvent | TouchEvent) {
       const value = this.parseMouseMove(e)
 
       if (e.type === 'mousemove') {