airbnb/rheostat

Disabled Rheostat component is displayed with cursor: pointer

Ouverte

#212 ouverte le 15 févr. 2019

Voir sur GitHub
 (1 commentaire) (0 réaction) (0 personne assignée)JavaScript (185 forks)batch import
help wanted

Métriques du dépôt

Stars
 (1 689 étoiles)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

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.

Guide contributeur

Direction de recherche
Examinez les styles CSS pour l'état désactivé du composant Rheostat et assurez vous que cursor: not allowed et pointer events: none sont appliqués. Vérifiez également que tabIndex est défini sur 1 lorsqu'il est désactivé.
Stack technique
javascriptreact
Domaine
frontendaccessibility
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Moins d'une heure
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Ancienne
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
GitReact
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
80