Your drop-down is broken on safari iOS

[steven-tey]

Your drop-down is broken on safari iOS

[edgarasben]

@mismosmi looking into that right now! Thanks for the heads-up!

@edgarasben I can't repro this in Arc

It happens for me on the first hard-refresh only:

Screen.Recording.2023-01-13.at.21.25.08.mov

[steven-tey]

@edgarasben Oooooh thanks for the info, I was able to repro! Will look into it!

[steven-tey]

Yes it is! @amanzrx4 – feel free to PR! :)

[edgarasben]

@steven-tey the bug is still there! If you reload the page and quickly click selector WHILE page is still animating in, you will get the same problem.

[edgarasben]

Some weird positioning even in Chromium (Arc) too.

[steven-tey]

@mismosmi looking into that right now! Thanks for the heads-up!

@edgarasben I can't repro this in Arc

[amanzrx4]

There's some overflow issue as well. Is the project accepting PRs? @steven-tey

[steven-tey]

@mismosmi @edgarasben both the dropdown z index issue + the Arc issue should be fixed now!

Turns out it was a super obscure Framer Motion bug lol so I switched to Tailwind animate: https://github.com/steven-tey/precedent/blob/main/pages/index.tsx#L81

Thanks again for reporting this!