Inline sticky search z-index values

Author: mirka

packages/base-styles/_z-index.scss

@@ -8,11 +8,6 @@ $z-layers: (
 	".block-editor-block-list__block.is-selected": 20,
 	".editor-text-editor__toolbar": 1,
 
-	// These next three share a stacking context
-	".block-library-template-part__selection-search": 2, // higher sticky element
-	".block-library-query-pattern__selection-search": 2, // higher sticky element
-	".editor-post-template__swap-template-search": 2, // higher sticky element
-
 	".components-modal__header": 10,
 	".edit-post-meta-boxes-area.is-loading::before": 1,
 	".edit-post-meta-boxes-area .spinner": 5,

packages/block-library/src/query/editor.scss

@@ -2,7 +2,6 @@
 @use "@wordpress/base-styles/colors" as *;
 @use "@wordpress/base-styles/mixins" as *;
 @use "@wordpress/base-styles/variables" as *;
-@use "@wordpress/base-styles/z-index" as *;
 
 .block-library-query-pattern__selection-modal {
 	.block-editor-block-patterns-list {
@@ -25,7 +24,7 @@
 		padding: $grid-unit-20 0;
 		transform: translateY(- $grid-unit-05); // Offsets the top padding on the modal content container
 		margin-bottom: - $grid-unit-05;
-		z-index: z-index(".block-library-query-pattern__selection-search");
+		z-index: 2; // Above the BlockPreview z-index: 1 overlay in the scrolling list.
 	}
 }
 

packages/block-library/src/template-part/editor.scss

@@ -25,7 +25,7 @@
 	position: sticky;
 	top: 0;
 	padding: $grid-unit-20 0;
-	z-index: z-index(".block-library-template-part__selection-search");
+	z-index: 2; // Above the BlockPreview z-index: 1 overlay in the scrolling list.
 }
 
 // We don't use .is-outline-mode in this case so colors take effect properly in the block editor.

packages/editor/src/components/post-template/style.scss

@@ -13,7 +13,7 @@
 		padding: $grid-unit-20 0;
 		transform: translateY(- $grid-unit-05); // Offsets the top padding on the modal content container
 		margin-bottom: - $grid-unit-05;
-		z-index: z-index(".editor-post-template__swap-template-search");
+		z-index: 2; // Above the BlockPreview z-index: 1 overlay in the scrolling list.
 	}
 }