Transitions not working on open, just on close

[kskrlinnorth2]

What component (if applicable)

• URL for category: https://tailwindui.com/components/application-ui/overlays/modals#component-47a5888a08838ad98779d50878d359b3
• https://tailwindui.com/components/application-ui/application-shells/sidebar#component-17f40014d95a5c5bb5628b9d69558a69
• Component name: Modal Simple with gray footer, Sidebar smaller devices and any component with transition

Describe the bug
In your examples it works, but when I copy-paste code (without any modifications) enter transition never works, only close transition is working.

To Reproduce
Copy code from your docs to any vue project.

Expected behavior
I want it to work when I copy paste complete code.

Screenshots
If applicable, add screenshots to help explain your problem.

Browser/Device (if applicable)

• OS: Windows
• Browser: Latest Chrome

[reinink]

Hey thanks for reporting this! My guess is that this issue is related to this Headless UI bug (tailwindlabs/headlessui#1655), which we're actively working on. Once we get that fixed I'll loop back here to make sure it's fixed in Tailwind UI as well.

[RobinMalfait]

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

This should be fixed by #1664, and is available in the latest release 1.6.7.

You can already try it using npm install @headlessui/vue@latest.