Semantic-Org/Semantic-UI-React

Modal: implement focus trap

Open

#2,278 建立於 2017年11月1日

在 GitHub 查看
 (8 留言) (10 反應) (0 負責人)JavaScript (4,065 fork)batch import
enhancementhelp wantedstale

倉庫指標

Star
 (13,136 star)
PR 合併指標
 (30 天內沒有已合併 PR)

描述

Modal should not let focus leave the components inside the dialog. Also it should autofocus the first component in the dialog (if no autofocus was specified).

More on Modals and keyboard traps: https://developers.google.com/web/fundamentals/accessibility/focus/using-tabindex

Steps

  1. Open any modal on the example page: https://react.semantic-ui.com/modules/modal
  2. Press tab multiple times

Expected Result

Focus should never enter the dimmed components below

Actual Result

Focus does enter the dimmed components below

Version

Current Tested in Chrome Version 61.0.3163.100 (Official Build) (64-bit)

Testcase

https://react.semantic-ui.com/modules/modal

貢獻者指南