airbnb/rheostat

Disabled Rheostat component is displayed with cursor: pointer

Open

Aperta il 15 feb 2019

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)JavaScript (1688 star) (215 fork)batch import
help wanted

Descrizione

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.

Guida contributor

Tech stack
javascriptreact
Dominio
frontendaccessibility
Tipo issue
bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
under 1 hour
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
stale
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
clear
Prerequisiti
React basicsCSSAccessibility basics
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
85
Direzione di ricerca
The issue reports that the disabled Rheostat component shows a pointer cursor and is still focusable. To fix, locate the Rheostat component (likely in a file like src/Rheostat.js or similar) and ensure that when disabled, the cursor style is set to 'not allowed' or default, and the component is not focusable (e.g., by adding the 'disabled' attribute to the slider element). The existing comment may contain additional context; no PRs are linked. Check the repository's CSS files for any existing disabled styles.