NavigatorProvider: Exclude size value from contain CSS rule (#57498)

* NavigatorProvider: Exclude size value from contain CSS rule * Update changelog
WordPress · Jan 3, 2024 · 2114141 · 2114141
1 parent 904325b
commit 2114141
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -18,6 +18,7 @@
 -   `RadioControl`: Fully encapsulate styles ([#57347](https://github.com/WordPress/gutenberg/pull/57347)).
 -   `Snackbar`: Fix icon positioning ([#57377](https://github.com/WordPress/gutenberg/pull/57377)).
 -   `GradientPicker`: Use slug while iterating over gradient entries to avoid React "duplicated key" warning ([#57361](https://github.com/WordPress/gutenberg/pull/57361)).
+-   `NavigatorProvider`: Exclude `size` value from `contain` CSS rule ([#57498](https://github.com/WordPress/gutenberg/pull/57498)).
 
 ### Enhancements
 

diff --git a/packages/components/src/navigator/styles.ts b/packages/components/src/navigator/styles.ts
@@ -7,10 +7,10 @@ export const navigatorProviderWrapper = css`
 	/* Prevents horizontal overflow while animating screen transitions */
 	overflow-x: hidden;
 	/* Mark this subsection of the DOM as isolated, providing performance benefits
-	 * by limiting calculations of layout, style, paint, size, or any combination
-	 * to a DOM subtree rather than the entire page.
+	 * by limiting calculations of layout, style and paint to a DOM subtree rather
+	 * than the entire page.
 	 */
-	contain: strict;
+	contain: content;
 `;
 
 const fadeInFromRight = keyframes( {