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

The origin class is based on the initial placement and not the detected one (using flip or autoPlacement) #39

Closed
VinceBT-BG opened this issue Jan 18, 2023 · 1 comment · Fixed by #43
Labels
bug Something isn't working

Comments

@VinceBT-BG
Copy link

Use Version
Use version when bugs appear:

  • Headless UI: v1.7.7
  • Headless UI Float: v0.10.1
  • Framework: [e.g. react v17.0]
  • Browser: chrome

Describe the bug
The origin class is based on the initial placement and not the detected one (using flip or autoPlacement)

To Reproduce

  1. Make a Float with placement left at the leftmost side of the screen using tailwindcssOriginClass and Tailwind animation
  2. Make the float appear
  3. It appears on the right but with transform-right class

Screenshots
2023-01-18 19 49 33

Expected behavior
The popper's transform origin should be changed according to the one resolved

@VinceBT-BG VinceBT-BG added the bug Something isn't working label Jan 18, 2023
@ycs77 ycs77 mentioned this issue Feb 23, 2023
19 tasks
@ycs77 ycs77 linked a pull request Feb 23, 2023 that will close this issue
19 tasks
@ycs77 ycs77 closed this as completed in #43 Mar 11, 2023
@ycs77
Copy link
Owner

ycs77 commented Mar 11, 2023

@VinceBT-BG Thanks for the report, now fixed in the v0.11.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants