[VueJS] FocusTrap issue causing modal to not open when routed back to the page

tailwindlabs / headlessui

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

https://headlessui.com

MIT License

25.02k stars 1.03k forks source link

Open phatlast96 opened 1 week ago

phatlast96 commented 1 week ago

What package within Headless UI are you using? @headlessui/vue

What version of that package are you using? ^1.7.13

What browser are you using? Chrome

Describe your issue I keep having focusTrap issue when I route back to a page.

There is a small bug that when I add a new project the "Upload Files" button doesn't work unless I refresh the screen. https://www.loom.com/share/8bbfb5c89f2f402d8bba7668ab39ba19?sid=777a8e20-7ec4-41e2-825a-cec890fe06a7

phatlast96 commented 1 week ago

I hacky fix is to use v-if. I guess HEADLESS was unable to unmount the previous Modal.

RobinMalfait commented 1 week ago

Hey! Can you share a minimal reproduction repo that we can debug?