fix: swap indeterminate not being visible with flip animation. closes: #3806

saadeghi · saadeghi · commit 42a2fb57b6c9 · 2025-05-01T02:58:12.000+03:00
diff --git a/packages/daisyui/src/components/swap.css b/packages/daisyui/src/components/swap.css
@@ -28,6 +28,7 @@
   input:checked ~ .swap-on,
   input:indeterminate ~ .swap-indeterminate {
     @apply opacity-100;
+    backface-visibility: visible;
   }
 }
 
@@ -67,7 +68,6 @@
   input:indeterminate ~ .swap-on {
     transform: rotateY(180deg);
     backface-visibility: hidden;
-    @apply opacity-100;
   }
 
   input:is(:checked, :indeterminate) ~ .swap-on,

Original file line number	Diff line number	Diff line change
`@@ -28,6 +28,7 @@`
`28`	`28`	`input:checked ~ .swap-on,`
`29`	`29`	`input:indeterminate ~ .swap-indeterminate {`
`30`	`30`	`@apply opacity-100;`
	`31`	`+ backface-visibility: visible;`
`31`	`32`	`}`
`32`	`33`	`}`
`33`	`34`
`@@ -67,7 +68,6 @@`
`67`	`68`	`input:indeterminate ~ .swap-on {`
`68`	`69`	`transform: rotateY(180deg);`
`69`	`70`	`backface-visibility: hidden;`
`70`		`- @apply opacity-100;`
`71`	`71`	`}`
`72`	`72`
`73`	`73`	`input:is(:checked, :indeterminate) ~ .swap-on,`