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

Animating opacity on <Select> causes a flash of unpositioned content. #62

Open
bryanmylee opened this issue Feb 5, 2025 · 1 comment · May be fixed by #63
Open

Animating opacity on <Select> causes a flash of unpositioned content. #62

bryanmylee opened this issue Feb 5, 2025 · 1 comment · May be fixed by #63

Comments

@bryanmylee
Copy link
Contributor

flash-of-unpositioned.mp4

When adding an enter animation to the opacity of <Select.Content>, there is a brief moment where it is visible but not positioned correctly.

Not sure what the best way to fix this is. One idea could be to wrap the entire <Select.Content> in an animating view. Another is to set other properties to the HIDDEN_CONTENT style like scale: 0 and top: 9999999.

@bryanmylee
Copy link
Contributor Author

bryanmylee commented Feb 5, 2025

From initial testing, adding top: 9999999 to HIDDEN_CONTENT does the trick.

@bryanmylee bryanmylee linked a pull request Feb 5, 2025 that will close this issue
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

Successfully merging a pull request may close this issue.

1 participant