airbnb/rheostat

Disabled Rheostat component is displayed with cursor: pointer

Open

#212 建立於 2019年2月15日

在 GitHub 查看
 (1 留言) (0 反應) (0 負責人)JavaScript (215 fork)batch import
help wanted

倉庫指標

Star
 (1,688 star)
PR 合併指標
 (30 天內沒有已合併 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
議題類型
錯誤
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1 小時以內
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
較久未更新
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
GitReact
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
80