[EuiOverlayMask] Restore missing above/below header information (#6289)

* Add [data-realative-to-header] attribute with above/below information * changelog
elastic · Oct 4, 2022 · 594a4d0 · 594a4d0
1 parent adfd54b
commit 594a4d0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/overlay_mask/overlay_mask.tsx b/src/components/overlay_mask/overlay_mask.tsx
@@ -91,7 +91,8 @@ export const EuiOverlayMask: FunctionComponent<EuiOverlayMaskProps> = ({
   useEffect(() => {
     if (!overlayMaskNode) return;
     overlayMaskNode.className = classNames('euiOverlayMask', className);
-  }, [overlayMaskNode, className]);
+    overlayMaskNode.dataset.relativeToHeader = headerZindexLocation;
+  }, [overlayMaskNode, className, headerZindexLocation]);
 
   return (
     <EuiPortal portalRef={combinedMaskRef}>

diff --git a/upcoming_changelogs/6289.md b/upcoming_changelogs/6289.md
@@ -0,0 +1,3 @@
+**Bug fixes**
+
+- Fixed `EuiOverlayMask` to set a `[data-relative-to-header=above|below]` attribute to replace the `--aboveHeader` and `--belowHeader` classNames removed in its Emotion conversion
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		Bug fixes

		- Fixed `EuiOverlayMask` to set a `[data-relative-to-header=above\|below]` attribute to replace the `--aboveHeader` and `--belowHeader` classNames removed in its Emotion conversion