Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Transition shows and hides element immediately #3528

Open
suuf opened this issue Oct 15, 2024 · 0 comments
Open

Transition shows and hides element immediately #3528

suuf opened this issue Oct 15, 2024 · 0 comments

Comments

@suuf
Copy link

suuf commented Oct 15, 2024

What package within Headless UI are you using?

@headlessui/react

What version of that package are you using?

2.1.10 (downgraded to 2.0.4 for testing and it still happens)

What browser are you using?

Safari (does not happen on Chrome)

Reproduction URL

https://stackblitz.com/edit/stackblitz-starters-amaajw

Describe your issue

This happens when using Transition components with, for example, PopoverButtons and PopoverPanels. When a user is on iOS devices using Safari, the PopoverPanel seems to open and close at once. This happens with other elements too, such as MenuItems, when using a Transition component. The issue does not always happen and it cannot be reproduced by other browsers, even when using responsive design mode in Firefox or Chrome.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant