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

PiperOrigin-RevId: 595437166

Author: asyncliz

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>`;
   }