@dimailn/vuetify 2.7.2-alpha24 → 2.7.2-alpha26

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

@@ -5,11 +5,11 @@ exports[`VSlider.ts should change track styles in rtl 1`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-87"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-94"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -21,15 +21,15 @@ exports[`VSlider.ts should change track styles in rtl 1`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -37,11 +37,8 @@ exports[`VSlider.ts should change track styles in rtl 1`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -52,11 +49,11 @@ exports[`VSlider.ts should change track styles in rtl 2`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="50"
-               id="input-87"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-94"
+               disabled
+               readonly
                tabindex="-1"
+               value="50"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -68,15 +65,15 @@ exports[`VSlider.ts should change track styles in rtl 2`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 50%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="50"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 50%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -84,11 +81,8 @@ exports[`VSlider.ts should change track styles in rtl 2`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -99,11 +93,11 @@ exports[`VSlider.ts should change track styles in rtl 3`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal v-slider--disabled theme--light">
-        <input value="50"
-               id="input-87"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-94"
+               disabled
+               readonly
                tabindex="-1"
+               value="50"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background"
@@ -115,15 +109,15 @@ exports[`VSlider.ts should change track styles in rtl 3`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container"
+             style="left: 50%;"
+             role="slider"
              tabindex="-1"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="50"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container"
-             style="left: 50%;"
         >
           <div class="v-slider__thumb">
           </div>
@@ -131,11 +125,8 @@ exports[`VSlider.ts should change track styles in rtl 3`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -146,11 +137,11 @@ exports[`VSlider.ts should change track styles in rtl 4`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-87"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-94"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -162,15 +153,15 @@ exports[`VSlider.ts should change track styles in rtl 4`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 100%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 100%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -178,11 +169,8 @@ exports[`VSlider.ts should change track styles in rtl 4`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -193,11 +181,11 @@ exports[`VSlider.ts should change track styles in rtl 5`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="50"
-               id="input-87"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-94"
+               disabled
+               readonly
                tabindex="-1"
+               value="50"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -209,15 +197,15 @@ exports[`VSlider.ts should change track styles in rtl 5`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 50%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="50"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 50%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -225,11 +213,8 @@ exports[`VSlider.ts should change track styles in rtl 5`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -240,11 +225,11 @@ exports[`VSlider.ts should change track styles in rtl 6`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal v-slider--disabled theme--light">
-        <input value="50"
-               id="input-87"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-94"
+               disabled
+               readonly
                tabindex="-1"
+               value="50"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background"
@@ -256,15 +241,15 @@ exports[`VSlider.ts should change track styles in rtl 6`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container"
+             style="left: 50%;"
+             role="slider"
              tabindex="-1"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="50"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container"
-             style="left: 50%;"
         >
           <div class="v-slider__thumb">
           </div>
@@ -272,11 +257,8 @@ exports[`VSlider.ts should change track styles in rtl 6`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -287,11 +269,11 @@ exports[`VSlider.ts should correctly handle initial value of zero (#7320) 1`] =
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-107"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-115"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -303,61 +285,15 @@ exports[`VSlider.ts should correctly handle initial value of zero (#7320) 1`] =
           >
           </div>
         </div>
-        <div role="slider"
-             tabindex="0"
-             aria-valuemin="-20"
-             aria-valuemax="20"
-             aria-valuenow="0"
-             aria-readonly="false"
-             aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
+        <div class="v-slider__thumb-container primary--text"
              style="left: 50%;"
-        >
-          <div class="v-slider__thumb primary">
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`VSlider.ts should correctly handle setting value to zero (#7320) 1`] = `
-<div class="v-input theme--light v-input__slider">
-  <div class="v-input__control">
-    <div class="v-input__slot">
-      <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-115"
-               readonly="readonly"
-               tabindex="-1"
-        >
-        <div class="v-slider__track-container">
-          <div class="v-slider__track-background primary lighten-3"
-               style="right: 0px;"
-          >
-          </div>
-          <div class="v-slider__track-fill primary"
-               style="left: 0px; width: 50%;"
-          >
-          </div>
-        </div>
-        <div role="slider"
+             role="slider"
              tabindex="0"
              aria-valuemin="-20"
              aria-valuemax="20"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 50%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -365,33 +301,33 @@ exports[`VSlider.ts should correctly handle setting value to zero (#7320) 1`] =
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
 `;
 
 exports[`VSlider.ts should display label and have different aria-label 1`] = `
-<div class="v-input theme--light v-input__slider">
+<div class="v-input theme--light v-input__slider"
+     aria-label="bar"
+>
   <div class="v-input__control">
     <div class="v-input__slot">
-      <label for="input-91"
-             class="v-label theme--light"
+      <label class="v-label theme--light"
+             for="input-98"
+             aria-hidden="false"
              style="left: 0px; position: relative;"
       >
         foo
       </label>
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-91"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-98"
+               disabled
+               readonly
                tabindex="-1"
                aria-label="bar"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -403,7 +339,9 @@ exports[`VSlider.ts should display label and have different aria-label 1`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-label="bar"
              aria-valuemin="0"
@@ -411,8 +349,6 @@ exports[`VSlider.ts should display label and have different aria-label 1`] = `
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -420,11 +356,8 @@ exports[`VSlider.ts should display label and have different aria-label 1`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -435,11 +368,11 @@ exports[`VSlider.ts should match a snapshot 1`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-1"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-1"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -451,15 +384,15 @@ exports[`VSlider.ts should match a snapshot 1`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -467,11 +400,8 @@ exports[`VSlider.ts should match a snapshot 1`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -482,11 +412,11 @@ exports[`VSlider.ts should render component with thumbLabel and match a snapshot
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-13"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-13"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -498,15 +428,15 @@ exports[`VSlider.ts should render component with thumbLabel and match a snapshot
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container v-slider__thumb-container--show-label primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container v-slider__thumb-container--show-label primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -527,11 +457,8 @@ exports[`VSlider.ts should render component with thumbLabel and match a snapshot
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -542,11 +469,11 @@ exports[`VSlider.ts should render component with thumbLabel and match a snapshot
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-13"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-13"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -558,20 +485,20 @@ exports[`VSlider.ts should render component with thumbLabel and match a snapshot
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container v-slider__thumb-container--show-label primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container v-slider__thumb-container--show-label primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
-          <div class="v-slider__thumb-label-container"
-               style
+          <div class="v-slider__thumb-label-container scale-transition-enter-from scale-transition-enter-active"
+               style="transform-origin: bottom center; webkit-transform-origin: bottom center;"
           >
             <div class="v-slider__thumb-label primary"
                  style="height: 32px; width: 32px; transform: translateY(-20%) translateY(-12px) translateX(-50%) rotate(45deg);"
@@ -587,11 +514,8 @@ exports[`VSlider.ts should render component with thumbLabel and match a snapshot
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -602,11 +526,11 @@ exports[`VSlider.ts should render component with ticks and match a snapshot 1`]
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-9"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-9"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -640,15 +564,15 @@ exports[`VSlider.ts should render component with ticks and match a snapshot 1`]
           >
           </span>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -656,11 +580,8 @@ exports[`VSlider.ts should render component with ticks and match a snapshot 1`]
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -671,11 +592,11 @@ exports[`VSlider.ts should render component with ticks and match a snapshot 2`]
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-9"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-9"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -709,15 +630,15 @@ exports[`VSlider.ts should render component with ticks and match a snapshot 2`]
           >
           </span>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -725,11 +646,8 @@ exports[`VSlider.ts should render component with ticks and match a snapshot 2`]
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -740,11 +658,11 @@ exports[`VSlider.ts should render vertical slider 1`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--vertical theme--light">
-        <input value="0"
-               id="input-5"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-5"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -756,15 +674,15 @@ exports[`VSlider.ts should render vertical slider 1`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="top: 100%;"
+             role="slider"
              tabindex="0"
              aria-valuemin="0"
              aria-valuemax="100"
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="vertical"
-             class="v-slider__thumb-container primary--text"
-             style="top: 100%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -772,11 +690,8 @@ exports[`VSlider.ts should render vertical slider 1`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -786,18 +701,19 @@ exports[`VSlider.ts should reverse label location when inverse 1`] = `
 <div class="v-input theme--light v-input__slider">
   <div class="v-input__control">
     <div class="v-input__slot">
-      <label for="input-83"
-             class="v-label theme--light"
+      <label class="v-label theme--light"
+             for="input-89"
+             aria-hidden="false"
              style="left: 0px; position: relative;"
       >
         foo
       </label>
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-83"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-89"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -809,7 +725,9 @@ exports[`VSlider.ts should reverse label location when inverse 1`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-label="foo"
              aria-valuemin="0"
@@ -817,8 +735,6 @@ exports[`VSlider.ts should reverse label location when inverse 1`] = `
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
@@ -826,11 +742,8 @@ exports[`VSlider.ts should reverse label location when inverse 1`] = `
       </div>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>
@@ -841,11 +754,11 @@ exports[`VSlider.ts should reverse label location when inverse 2`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-slider v-slider--horizontal theme--light">
-        <input value="0"
-               id="input-83"
-               disabled="disabled"
-               readonly="readonly"
+        <input id="input-89"
+               disabled
+               readonly
                tabindex="-1"
+               value="0"
         >
         <div class="v-slider__track-container">
           <div class="v-slider__track-background primary lighten-3"
@@ -857,7 +770,9 @@ exports[`VSlider.ts should reverse label location when inverse 2`] = `
           >
           </div>
         </div>
-        <div role="slider"
+        <div class="v-slider__thumb-container primary--text"
+             style="left: 0%;"
+             role="slider"
              tabindex="0"
              aria-label="foo"
              aria-valuemin="0"
@@ -865,26 +780,22 @@ exports[`VSlider.ts should reverse label location when inverse 2`] = `
              aria-valuenow="0"
              aria-readonly="false"
              aria-orientation="horizontal"
-             class="v-slider__thumb-container primary--text"
-             style="left: 0%;"
         >
           <div class="v-slider__thumb primary">
           </div>
         </div>
       </div>
-      <label for="input-83"
-             class="v-label theme--light"
+      <label class="v-label theme--light"
+             for="input-89"
+             aria-hidden="false"
              style="left: 0px; position: relative;"
       >
         foo
       </label>
     </div>
     <div class="v-messages theme--light">
-      <span name="message-transition"
-            tag="div"
-            class="v-messages__wrapper"
-      >
-      </span>
+      <div class="v-messages__wrapper">
+      </div>
     </div>
   </div>
 </div>