airbnb/rheostat

Disabled Rheostat component is displayed with cursor: pointer

Offen

#212 geöffnet am 15.02.2019

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (185 Forks)batch import
help wanted

Repository-Metriken

Stars
 (1.689 Sterne)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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.

Contributor Guide

Research-Richtung
Untersuche die CSS Stile für den deaktivierten Zustand der Rheostat Komponente und stelle sicher, dass cursor: not allowed und pointer events: none angewendet werden. Überprüfe auch, ob tabIndex bei Deaktivierung auf 1 gesetzt ist.
Tech Stack
javascriptreact
Domain
frontendaccessibility
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Unter 1 Stunde
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Veraltet
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
GitReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
80