airbnb/rheostat

Disabled Rheostat component is displayed with cursor: pointer

Aberta

#212 aberto em 15 de fev. de 2019

Ver no GitHub
 (1 comentário) (0 reação) (0 responsável)JavaScript (185 forks)batch import
help wanted

Métricas do repositório

Stars
 (1.689 estrelas)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

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.

Guia do colaborador

Direção de pesquisa
Investigue os estilos CSS para o estado desabilitado do componente Rheostat e garanta que cursor: not allowed e pointer events: none sejam aplicados. Verifique também se tabIndex está definido como 1 quando desabilitado.
Pilha de tecnologia
javascriptreact
Domain
frontendaccessibility
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Menos de 1 hora
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Antigo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
GitReact
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
80