From 8f3fb1bdb2bdb023e6dc4184e8246b4c56460565 Mon Sep 17 00:00:00 2001 From: Jordan Pittman Date: Mon, 25 Aug 2025 11:04:09 -0400 Subject: [PATCH 1/4] Don't transition `visibility` when using `transition` --- packages/tailwindcss/src/utilities.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts index 52088e242f13..0ea9954282bf 100644 --- a/packages/tailwindcss/src/utilities.ts +++ b/packages/tailwindcss/src/utilities.ts @@ -4504,7 +4504,7 @@ export function createUtilities(theme: Theme) { functionalUtility('transition', { defaultValue: - 'color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events', + 'color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events', themeKeys: ['--transition-property'], handle: (value) => [ decl('transition-property', value), From c683495045940e2da37817a332ac755b5786f32a Mon Sep 17 00:00:00 2001 From: Jordan Pittman Date: Mon, 25 Aug 2025 11:32:15 -0400 Subject: [PATCH 2/4] Update tests --- packages/tailwindcss/src/utilities.test.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts index 4feac35b762b..2ae7349444ae 100644 --- a/packages/tailwindcss/src/utilities.test.ts +++ b/packages/tailwindcss/src/utilities.test.ts @@ -22091,7 +22091,7 @@ test('transition', async () => { } .transition { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events; + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } @@ -22153,7 +22153,7 @@ test('transition', async () => { ), ).toMatchInlineSnapshot(` ".transition { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events; + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, ease); transition-duration: var(--tw-duration, .1s); } From 8c716a00349533331fc4577040c48afdeed6f68f Mon Sep 17 00:00:00 2001 From: Jordan Pittman Date: Mon, 25 Aug 2025 11:32:18 -0400 Subject: [PATCH 3/4] Update changelog --- CHANGELOG.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index be477ec62d70..1575debf6dfb 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -11,6 +11,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Drop warning from browser build ([#18731](https://github.com/tailwindlabs/tailwindcss/issues/18731)) +### Fixed + +- Don't transition `visibility` when using `transition` ([#17812](https://github.com/tailwindlabs/tailwindcss/pull/17812)) + ## [4.1.12] - 2025-08-13 ### Fixed From fe5ff6bec5ed5db51b62fc46d1ce06438b502278 Mon Sep 17 00:00:00 2001 From: Jordan Pittman Date: Mon, 25 Aug 2025 11:32:33 -0400 Subject: [PATCH 4/4] Update changelog --- CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 1575debf6dfb..d198fcc130c8 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -13,7 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Fixed -- Don't transition `visibility` when using `transition` ([#17812](https://github.com/tailwindlabs/tailwindcss/pull/17812)) +- Don't transition `visibility` when using `transition` ([#18795](https://github.com/tailwindlabs/tailwindcss/pull/18795)) ## [4.1.12] - 2025-08-13