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

PiperOrigin-RevId: 595437166
This commit is contained in:
Elizabeth Mitchell 2024-01-03 10:20:24 -08:00 committed by Copybara-Service
parent 5dc870bfe1
commit 68b078b4e1

View File

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