search

tailwindlabs / headlessui

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
https://headlessui.com
MIT License
26.21k stars 1.09k forks source link

multiple data-headlessui-portal under headlessui-portal-root causes unexpected error #3172

Closed johnqiuwan closed 6 months ago

johnqiuwan commented 6 months ago

What package within Headless UI are you using? @headlessui/vue": "^1.7.17"

What version of that package are you using?

@headlessui/vue": "^1.7.17"

What browser are you using?

Chrome

Describe your issue

If there are multiple opened modal, click any one of them will make the rest close

example,

<div id="headlessui-portal-root">
  <div data-headlessui-portal>...</div>
  <div data-headlessui-portal>...</div>
</div>

click the second <div data-headlessui-portal>...</div>

will make the first <div data-headlessui-portal>...</div> close(remove)