fix(slider): disabled sliders have disabled input in docs site

adobe · Nov 9, 2023 · eda90c0 · eda90c0
1 parent bba824f
commit eda90c0
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/components/slider/metadata/slider.yml b/components/slider/metadata/slider.yml
@@ -180,7 +180,7 @@ examples:
         <div class="spectrum-Slider-controls">
           <div class="spectrum-Slider-track"></div>
           <div class="spectrum-Slider-handle" style="left: 40%;">
-            <input type="range" class="spectrum-Slider-input" value="14" step="2" min="10" max="20" disabled id="spectrum-Slider-input-6">
+            <input type="range" class="spectrum-Slider-input" value="14" step="2" min="10" max="20" disabled id="spectrum-Slider-input-6" disabled>
           </div>
           <div class="spectrum-Slider-track"></div>
         </div>
@@ -229,7 +229,7 @@ examples:
         <div class="spectrum-Slider-controls">
           <div class="spectrum-Slider-track"></div>
           <div class="spectrum-Slider-handle" style="left: 40%;">
-            <input type="range" class="spectrum-Slider-input" value="14" step="2" min="10" max="20" disabled id="spectrum-Slider-input-8">
+            <input type="range" class="spectrum-Slider-input" value="14" step="2" min="10" max="20" disabled id="spectrum-Slider-input-8" disabled>
           </div>
           <div class="spectrum-Slider-track"></div>
         </div>
@@ -274,7 +274,7 @@ examples:
         <div class="spectrum-Slider-controls">
           <div class="spectrum-Slider-track" style="width: 25%;"></div>
           <div class="spectrum-Slider-handle" style="left: 70%;">
-            <input type="range" class="spectrum-Slider-input" value="14" min="10" max="20" id="spectrum-Slider-input-11">
+            <input type="range" class="spectrum-Slider-input" value="14" min="10" max="20" id="spectrum-Slider-input-11" disabled>
           </div>
           <div class="spectrum-Slider-track" style="width: 50%;"></div>
           <div class="spectrum-Slider-fill spectrum-Slider-fill--right" style="left: 50%; width: 20%"></div>
@@ -310,11 +310,11 @@ examples:
         <div class="spectrum-Slider-controls" role="presentation">
           <div class="spectrum-Slider-track" style="width: 20%;"></div>
           <div class="spectrum-Slider-handle" style="left: 20%;" role="presentation">
-            <input type="range" class="spectrum-Slider-input" value="14" step="2" min="10" max="20" aria-label="min" disabled id="spectrum-Slider-input-13-0" aria-labelledby="spectrum-Slider-label-5 spectrum-Slider-input-5-0">
+            <input type="range" class="spectrum-Slider-input" value="14" step="2" min="10" max="20" aria-label="min" disabled id="spectrum-Slider-input-13-0" aria-labelledby="spectrum-Slider-label-5 spectrum-Slider-input-5-0" disabled>
           </div>
           <div class="spectrum-Slider-track" style="left: 20%; right: 40%;"></div>
           <div class="spectrum-Slider-handle" style="left: 60%;" role="presentation">
-            <input type="range" class="spectrum-Slider-input" value="14" step="2" min="10" max="20" aria-label="max" disabled id="spectrum-Slider-input-13-1" aria-labelledby="spectrum-Slider-label-5 spectrum-Slider-input-5-1">
+            <input type="range" class="spectrum-Slider-input" value="14" step="2" min="10" max="20" aria-label="max" disabled id="spectrum-Slider-input-13-1" aria-labelledby="spectrum-Slider-label-5 spectrum-Slider-input-5-1" disabled>
           </div>
           <div class="spectrum-Slider-track" style="width: 40%;"></div>
         </div>
@@ -366,7 +366,7 @@ examples:
           </div>
           <div class="spectrum-Slider-handleContainer">
             <div class="spectrum-Slider-handle" style="left: 75%;">
-              <input type="range" class="spectrum-Slider-input" value="14" step="2" min="10" max="20" id="spectrum-Slider-input-15">
+              <input type="range" class="spectrum-Slider-input" value="14" step="2" min="10" max="20" id="spectrum-Slider-input-15" disabled>
             </div>
           </div>
         </div>
@@ -445,7 +445,7 @@ examples:
           </div>
           <div class="spectrum-Slider-handleContainer">
             <div class="spectrum-Slider-handle" style="left: 40%;">
-              <input type="range" class="spectrum-Slider-input" value="14" step="2" min="10" max="20" id="spectrum-Slider-input-17">
+              <input type="range" class="spectrum-Slider-input" value="14" step="2" min="10" max="20" id="spectrum-Slider-input-17" disabled>
             </div>
           </div>
         </div>