airbnb/rheostat

Disabled Rheostat component is displayed with cursor: pointer

オープン

#212 opened on 2019/02/15

GitHub で見る
 (1 件のコメント) (0 件のリアクション) (0 人の担当者)JavaScript (185 件のフォーク)batch import
help wanted

Repository metrics

Stars
 (1,688 個のスター)
PR merge metrics
 (30d に merged PR はありません)

説明

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.

コントリビューターガイド

調査方針
Rheostatコンポーネントの無効状態のCSSスタイルを調査し、cursor: not allowedとpointer events: noneが適用されていることを確認してください。また、無効時にtabIndexが 1に設定されているか確認してください。
技術スタック
javascriptreact
領域
frontendaccessibility
Issue 種別
バグ
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1時間未満
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
古い
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
GitReact
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
80