airbnb/rheostat

Disabled Rheostat component is displayed with cursor: pointer

Aperta

#212 aperta il 15 feb 2019

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

Metriche repository

Star
 (1688 stelle)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

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

Direzione di ricerca
Investiga gli stili CSS per lo stato disabilitato del componente Rheostat e assicurati che vengano applicati cursor: not allowed e pointer events: none. Controlla anche che tabIndex sia impostato su 1 quando disabilitato.
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.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
GitReact
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80