tailwindlabs / headlessui

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

Home Page:https://headlessui.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

phatlast96 opened this issue · 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

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

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