Skip to content

[v4] order-first/last not working in Firefox #16165

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

Closed
MattIPv4 opened this issue Feb 1, 2025 · 2 comments · Fixed by #16266
Closed

[v4] order-first/last not working in Firefox #16165

MattIPv4 opened this issue Feb 1, 2025 · 2 comments · Fixed by #16266
Assignees

Comments

@MattIPv4
Copy link

MattIPv4 commented Feb 1, 2025

What version of Tailwind CSS are you using?

v4.0.3

What build tool (or framework if it abstracts the build tool) are you using?

N/A

What version of Node.js are you using?

N/A

What browser are you using?

Firefox

What operating system are you using?

macOS

Reproduction URL

https://play.tailwindcss.com/ouC5jv8TNd

Describe your issue

In Firefox this renders as lastfirst. In Chrome this renders as firstlast. It would appear the the infinity values (locally they seem to become 2147483648) being used don't play ball with Firefox?

In v3 these used 9999 as their value, which worked.

@adamwathan
Copy link
Member

adamwathan commented Feb 4, 2025

Stupid! Probably should just revert this back to 9999 and -9999 and I guess just hope no one ever tries to reorder things in a ten thousand item flex container. Deeply, deeply unsatisfying.

@RobinMalfait
Copy link
Member

This has been fixed by #16266 and will be available in the next release.

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.

3 participants