reactjs/react-modal

Focus escapes modal when radio buttons in modal

Open

#636 创建于 2018年3月29日

在 GitHub 查看
 (8 评论) (11 反应) (0 负责人)JavaScript (828 fork)batch import
accessibilitybugeasygood first issue

仓库指标

Star
 (7,294 star)
PR 合并指标
 (30 天内没有已合并 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