headlessui icon indicating copy to clipboard operation
headlessui copied to clipboard

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

Open phatlast96 opened this issue 1 year ago • 2 comments

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 avatar Jun 20 '24 13:06 phatlast96

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

phatlast96 avatar Jun 21 '24 04:06 phatlast96

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

RobinMalfait avatar Jun 21 '24 15:06 RobinMalfait