NextUI问题与多个插件/弹出窗口

eagi6jfj 于 2023-10-18 发布在其他

关注(0)|答案(1)|浏览(229)

我用NextUI做了这个基本的例子，问题是每当一个弹出框或弹出框打开时，要打开下一个弹出框，我必须单击关闭另一个弹出框，然后打开新的弹出框（基本上我需要双击），有没有办法解决这个问题？
验证码：

<Popover
className="bg-white p-0 w-[240px] h-[100px] rounded-sm"
placement="right"
>
  <PopoverTrigger
    className="flex flex-row justify-between items-center"
  >
    <div>{trigger here}</div>
  </PopoverTrigger>
  <PopoverContent>

    example content
  </PopoverContent>
</Popover>

问题示例：https://ibb.co/4fMfhn6
只需单击一下即可获得所需的结果：Desired result with one click

next.js

来源：https://stackoverflow.com/questions/77198298/nextui-issue-with-multiple-dropdown-popovers

1条答案

按热度按时间

mspsb9vt1#

Popover和Dropdown组件有一个“shouldCloseOnInteractOutside”事件，当用户与ref外部的参数元素交互时使用。

<Dropdown
  shouldCloseOnInteractOutside={(e) => false}
>
  {children}
</Dropdown>

赞(0）回复(0）举报 2023-10-18

我来回答

NextUI问题与多个插件/弹出窗口

1条答案

相关问题

热门标签

最新问答