Increase default transition duration to 300ms to avoid a white flash (#2690)

jaakkonakaza · endigo9740 · web-flow · commit 17d144079ef6 · 2024-05-28T12:54:19.000-05:00
Co-authored-by: endigo9740 &lt;gundamx9740@gmail.com&gt;
diff --git a/.changeset/mean-schools-double.md b/.changeset/mean-schools-double.md
@@ -0,0 +1,5 @@
+---
+"@skeletonlabs/skeleton": patch
+---
+
+bugfix: Increased the default animation duration of inputs and changed the transition to avoid a white flash
diff --git a/packages/skeleton/src/plugin/components/forms.css b/packages/skeleton/src/plugin/components/forms.css
@@ -45,7 +45,7 @@
 .select {
 	@apply field-outter field-inner;
 	@apply border-none;
-	@apply transition-[all] duration-100;
+	@apply transition duration-200;
 }
 
 /* Select --- */

Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@`
`45`	`45`	`.select {`
`46`	`46`	`@apply field-outter field-inner;`
`47`	`47`	`@apply border-none;`
`48`		`- @apply transition-[all] duration-100;`
	`48`	`+ @apply transition duration-200;`
`49`	`49`	`}`
`50`	`50`
`51`	`51`	`/* Select --- */`