[EuiAccordion] Replace translateZ with will-change (#5806)

* replace translateZ with will-change * CL
elastic · Apr 20, 2022 · ab41c34 · ab41c34
1 parent fcf023e
commit ab41c34
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/accordion/_accordion.scss b/src/components/accordion/_accordion.scss
@@ -40,11 +40,11 @@
 }
 
 .euiAccordion__childWrapper {
+  will-change: opacity, visibility, height;
   visibility: hidden;
   height: 0;
   opacity: 0;
   overflow: hidden;
-  transform: translatez(0);
   // sass-lint:disable-block indentation
   transition:
     height $euiAnimSpeedNormal $euiAnimSlightResistance,

diff --git a/upcoming_changelogs/5806.md b/upcoming_changelogs/5806.md
@@ -0,0 +1,4 @@
+**Bug fixes**
+
+- Fixed layout bug in `EuiAccordion` children that use `position: fixed;`
+
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,4 @@
		Bug fixes

		- Fixed layout bug in `EuiAccordion` children that use `position: fixed;`