search

airbnb / rheostat

Rheostat is a www, mobile, and accessible slider component built with React
MIT License
1.69k stars 189 forks source link

Disabled Rheostat component is displayed with cursor: pointer #212

Open nikolas opened 5 years ago

nikolas commented 5 years ago

Hi, I have a <Rheostat> component with disabled={true}, and it's getting displayed with a pointer cursor, making it appear to the user that this slider isn't disabled.

2019-02-15-133416_991x469_scrot

2019-02-15-133425_1012x509_scrot

Basically these sliders shouldn't be focusable either when they're disabled.

rastersysteme commented 2 months ago

Sadly changing the cursor is not enough because the button is still focusable. On top of it, the tabindex must be set to -1.