From 68b078b4e1f7357a15098bb59ae22ae8a4d02cbf Mon Sep 17 00:00:00 2001
From: Elizabeth Mitchell <lizmitchell@google.com>
Date: Wed, 3 Jan 2024 10:20:24 -0800
Subject: [PATCH] fix(slider): move ripple and focus ring beneath handle

PiperOrigin-RevId: 595437166
---
 slider/internal/slider.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/slider/internal/slider.ts b/slider/internal/slider.ts
index 5ffe7333c..562f176b6 100644
--- 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>`;
   }