mat-slider does not have hover or drag effect #18492
Description
Reproduction
https://stackblitz.com/edit/angular-iul3da?file=src%2Fapp%2Fripple-overview-example.html
or
https://material.angular.io/components/slider/overview
Steps to reproduce:
- Hover or drag the slider thumb circle
- There is no halo effect as specified in Material Design
Expected Behavior
There should be a halo effect as specified in the Material Design spec. This is the transparent ring around the draggable part of the slider.
https://material.io/components/sliders/#continuous-slider
Expected to work similar to this: https://vuetifyjs.com/en/components/sliders
Actual Behavior
There is no halo effect. There is no user feedback or animation other than being able to move the thumb circle. No hover effect and no drag effect.
Environment
The older version of angular material design using the "md-" prefix has this effect, but the newest version using the "mat-" prefix does not.
- Angular: any recent version
- CDK/Material: 5.2.5 to 9.0.0
- Browser(s): Chrome (all?)
- Operating System (e.g. Windows, macOS, Ubuntu): macOS (all?)
If this is an intentional design decision, then it should at least be an option for the dev to enable. It seems like a mistake to me as the rest of the component library has similar effects. Also the library should be following the Material Design guidelines.