Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Popover issues with Vue. No visible transition, on headlessui.dev opening

See original GitHub issue

What package within Headless UI are you using?

I’m using "@headlessui/vue": "1.6.1" but the issue is visible on headlessui.dev.

What version of that package are you using?

1.6.1

What browser are you using?

Firefox 101, Chrome 102

Reproduction URL

The headlessui.dev example codebase. https://headlessui.dev/vue/popover

Describe your issue

When visiting the page, the vue popover

doesn’t auto-open.
When it is manually clicked it seems to not respond to the first click but then opens on the second click.
When it does open it does not appear to have any transitions applied.

https://user-images.githubusercontent.com/641502/173177906-0edb012f-09b5-479b-af8d-c49f0a1a8ceb.mov

Issue Analytics

State:
Created a year ago
Reactions:7
Comments:7

Top GitHub Comments

1reaction

ghostcommented, Sep 6, 2022

I think that the second point of this issue, When it is manually clicked it seems to not respond to the first click but then opens on the second click. Was not addressed. I am still seeing this issue with Chrome on https://headlessui.com/vue/popover

0reactions

RobinMalfaitcommented, Jul 13, 2022

Hey! Thank you for your bug report! Much appreciated! 🙏

The enter transition should work now. https://headlessui.com/vue/popover If you have other issues, please open a new issue with a reproduction attached 💪