ycs77 / headlessui-float

Easily use Headless UI with Floating UI to position floating elements.
https://headlessui-float.vercel.app
MIT License
344 stars 11 forks source link

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

Closed VinceBT-BG closed 1 year ago

VinceBT-BG commented 1 year ago

Use Version Use version when bugs appear:

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

ycs77 commented 1 year ago

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