fix(slider): move ripple and focus ring beneath handle

PiperOrigin-RevId: 595437166
material-components · Jan 3, 2024 · 68b078b · 68b078b
1 parent 5dc870b
commit 68b078b
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/slider/internal/slider.ts b/slider/internal/slider.ts
@@ -435,13 +435,13 @@ export class Slider extends sliderBaseClass {
         onTop,
         isOverlapping,
       })}">
-      <div class="handleNub"><md-elevation></md-elevation></div>
-      ${when(this.labeled, () => this.renderLabel(label))}
       <md-focus-ring part="focus-ring" for=${name}></md-focus-ring>
       <md-ripple
         for=${name}
         class=${name}
         ?disabled=${this.disabled}></md-ripple>
+      <div class="handleNub"><md-elevation></md-elevation></div>
+      ${when(this.labeled, () => this.renderLabel(label))}
     </div>`;
   }