search

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

Pin arrow to the left #40

Closed aarondfrancis closed 1 year ago

aarondfrancis commented 1 year ago

Use Version

Describe the question Thank you for this awesome library! It made integration super easy, I really appreciate it.

Is there a way to pin the arrow to the left? Right now the parent element is changing size and so the arrow is changing size, and I'd prefer to keep it pinned on the left. See the video below.

Thanks again!

Screenshots

https://user-images.githubusercontent.com/881931/213461634-465f12a4-e9b5-4b12-9700-9149df195758.mp4

ycs77 commented 1 year ago

Hi @aarondfrancis, can you try to see if using !important left 0 on arrow can solve it?

<FloatArrow class="absolute !left-0 ..." />
aarondfrancis commented 1 year ago

Brilliant solution! Thank you 😄