Open
Description
Is this a regression?
- Yes, this behavior used to work in the previous version
The previous version in which this bug was not present was
No response
Description
When hovering a mat-slider
marked as disabled
that is parent to an input
element using the matSliderThumb
directive, the cursor still shows as a "pointer/hand." This situation can commonly occur in patterns using a mat-slider
with an input
child in a form, potentially misleading the user into believing the slider is operable despite being disabled.
Reproduction
Steps to reproduce:
- Create a
mat-slider
element and a childinput
element with thematSliderThumb
tag. - Mark the
mat-slider
asdisabled
See Example @ StackBlitz Link Here
Expected Behavior
When the disabled
slider is hovered, "default" cursor is displayed, indicating it is inoperable.
Actual Behavior
When a diabled
cursor is hovered, the "hand/pointer" cursor is displayed.
Environment
- Angular: 19.2.1 + 18.2.8 (StackBlitz)
- Material: 19.2.2
- Browser(s): Firefox 139.0.1, Chrome 137
- Operating System: Windows