reactjs/react-modal

Focus escapes modal when radio buttons in modal

開放

#636 建立於 2018年3月29日

在 GitHub 查看貢獻者指南
 (8 則留言) (11 個反應) (0 位負責人)JavaScript (828 個分叉)batch import
accessibilitybugeasygood first issue

倉庫指標

星標
 (7,294 顆星)
PR 合併指標
 (PR 指標待抓取)

描述

Summary:

When there are radio buttons in a modal, you can escape focus with shift-tab.

Steps to reproduce:

Steps are included in the test case below

Expected behavior:

You should not be able to escape the modal's focus

Link to example of issue:

https://codesandbox.io/s/my9vm34m68

Additional notes:

Not sure if it's related specifically to radio buttons, but that is what is causing the issue for me

貢獻者指南

研究方向
調查模態框元件中的焦點捕獲邏輯，可能位於 'src/components/Modal.js' 或類似檔案中。提供的 CodeSandbox (https://codesandbox.io/s/my9vm34m68) 展示了當存在單選按鈕時，Shift+Tab 會逃逸焦點的問題。審查焦點管理程式碼，特別是處理第一個和最後一個可聚焦元素的方式，並確保單選按鈕被正確包含在焦點順序中。考慮使用焦點捕獲函式庫如 'focus trap'，或調整現有實作以處理單選按鈕組的焦點行為。
技術棧
reactjavascript
領域
frontend
議題類型
錯誤
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 小時
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
活躍
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
React
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
75