Nested menus with portals

ycs77 / headlessui-float

Easily use Headless UI with Floating UI to position floating elements.

https://headlessui-float.vercel.app

MIT License

349 stars 13 forks source link

Nested menus with portals #56

Closed HakanKOCAK closed 1 year ago

HakanKOCAK commented 1 year ago

Use Version

@headlessui/react": "^1.7.14",
"@headlessui-float/react": "^0.11.1",
"react": "18.2.0",

Question I have a headless ui popover component in which I render multiple headless ui comboboxes. When I pass portal true for comboboxes and popover altogether, when select any option from combobox, the parent popover perceives this as outside click and closes itself. Any solution for this?

Screenshots

3d3ffb0-0640-41fc-8dc4-18219f03b200.png">

ycs77 commented 1 year ago

Hi @HakanKOCAK, please provide a minimal reproducible example (like github repo, codesandbox, stackblitz...), it is recommended to fork the Headless UI Flaot's React Demo to reproduce.

ycs77 commented 1 year ago

I will close this issue because there is no minimal reproducible example for this bug provided, if you have other issues can to open a new issue.