diff --git a/CHANGELOG.md b/CHANGELOG.md index 71cd3e343..ab3333224 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Ensure that the `containers` JS theme key is added to the `--container-*` namespace ([#16169](https://github.com/tailwindlabs/tailwindcss/pull/16169)) - Fix missing `@keyframes` definition ([#16237](https://github.com/tailwindlabs/tailwindcss/pull/16237)) - Vite: Skip parsing stylesheets with the `?commonjs-proxy` flag ([#16238](https://github.com/tailwindlabs/tailwindcss/pull/16238)) +- Fix `order-first` and `order-last` for Firefox ([#16266](https://github.com/tailwindlabs/tailwindcss/pull/16266)) ## [4.0.3] - 2025-02-01 diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts index 10720b167..4da13ed64 100644 --- a/packages/tailwindcss/src/utilities.test.ts +++ b/packages/tailwindcss/src/utilities.test.ts @@ -1053,11 +1053,11 @@ test('order', async () => { } .order-first { - order: calc(-infinity); + order: -9999; } .order-last { - order: calc(infinity); + order: 9999; } .order-none { diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts index 9f4a1039b..3dadacac1 100644 --- a/packages/tailwindcss/src/utilities.ts +++ b/packages/tailwindcss/src/utilities.ts @@ -576,8 +576,8 @@ export function createUtilities(theme: Theme) { /** * @css `order` */ - staticUtility('order-first', [['order', 'calc(-infinity)']]) - staticUtility('order-last', [['order', 'calc(infinity)']]) + staticUtility('order-first', [['order', '-9999']]) + staticUtility('order-last', [['order', '9999']]) staticUtility('order-none', [['order', '0']]) functionalUtility('order', { supportsNegative: true,