#3611·headlessui

点击 Popover 内容以外的任何位置时,Popover 不会关闭

作者: gmreburn创建于 2025年1月14日更新于 2026年7月21日
标签React

Hi, 我通过 pnpm create next-app@latest 初始化 Next.js 创建了一个 最小仓库。我将文档中的 基本示例 组件添加到 layout.tsx 中。打开 popover 后,元素被选中,您可以通过项目进行切换,但它不会关闭。如果您单击外部区域,焦点会丢失,但 popover 仍然打开。如果您在元素具有焦点时按下 ESC 键,popover 将关闭。如果您单击 popover 外部区域,然后按下 ESC,则不会发生任何事情。popover 没有按照预期关闭。

内容来源: tailwindlabs/headlessui