设计局限焦点陷阱如果用户试图将焦点离开模态框，模态框会将丢失的焦点移回到组件的主体。

这样做的目的是为了无障碍设计，但是可能会造成问题。 如果用户需要与页面的其他部分进行交互，例如当您需要使用聊天窗口时，那么就可以禁用该行为：

无障碍设计(WAI-ARIA: https://www.w3.org/TR/wai-aria-practices/#dialog_modal)

记得用 aria-labelledby="id..." 属性来指向 Modal 的标题。 此外，您可以使用 aria-describedby="id..." 属性来为 Modal 组件添加一段描述。

aria-labelledby="modal-title"

aria-describedby="modal-description"

>

My Description

这篇 WAI-ARIA authoring practices 里的方法帮助你通过模态窗口里的内容，为最相关的元素设置初始焦点。

请记住，“模态窗口” 覆盖在主窗口或者另一个模态窗口上。 模态框层下的所有层级都是 inert 的。 也就是说，用户不能与当前处于活跃状态下的模态框之外的内容进行交互。 因为这可能会造成冲突行为。