Skip to content

<PopoverPanel modal={true}> does not trap focus #3800

@mpsijm

Description

@mpsijm

What package within Headless UI are you using?

@headlessui/react

What version of that package are you using?

v2.2.8

What browser are you using?

Chrome and Firefox

Reproduction URL

https://codesandbox.io/p/sandbox/sparkling-surf-h94rkh?file=%2Fsrc%2FApp.jsx

Steps to reproduce:

  • Click "Solutions"
  • Hit Tab until the focus jumps outside the popover panel and to the <input> box

Describe your issue

According to the documentation, setting modal={true} enables focus trapping. However, the focus is not trapped.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions