This repository has been archived by the owner on Jan 13, 2025. It is now read-only.
Closed
Description
This was reported before as one of several focus indicator problems in #1427, but that issue was closed with a solution with a fix only conforming for "non-discrete" sliders.
What MDC-Web Version are you using?
0.25.0
What browser(s) is this bug affecting?
Any browser
What OS are you using?
Any OS
What are the steps to reproduce the bug?
- Go to https://material-components-web.appspot.com/slider.html
- Focus (with keyboard input, eg. by using the tab key) one of the discrete sliders
- The slider gets a focus ring; using keyboard input to change the value keeps the focus ring. This is different from the material guidelines.
- Now use the mouse to change the value, in this case a drop shaped label with the value is shown. (This behavior is expected also for keyboard input.)
What is the expected behavior?
According to https://material.io/guidelines/components/sliders.html#sliders-discrete-slider a focused discrete slider should show the drop shaped label (same as in step 4 above), and should not show the focus ring (as in step 3 above). This doesn't happen, the discrete slider behaves as a non-discrete slider when controlled by keyboard.