From b22e5b5da52927cdf4a75c6f5e78d059e35aee8d Mon Sep 17 00:00:00 2001 From: Constance Chen Date: Tue, 4 Oct 2022 13:31:56 -0700 Subject: [PATCH 1/2] Add [data-realative-to-header] attribute with above/below information --- src/components/overlay_mask/overlay_mask.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/overlay_mask/overlay_mask.tsx b/src/components/overlay_mask/overlay_mask.tsx index 2f6fe007ca7..8bdbab666ed 100644 --- a/src/components/overlay_mask/overlay_mask.tsx +++ b/src/components/overlay_mask/overlay_mask.tsx @@ -91,7 +91,8 @@ export const EuiOverlayMask: FunctionComponent = ({ useEffect(() => { if (!overlayMaskNode) return; overlayMaskNode.className = classNames('euiOverlayMask', className); - }, [overlayMaskNode, className]); + overlayMaskNode.dataset.relativeToHeader = headerZindexLocation; + }, [overlayMaskNode, className, headerZindexLocation]); return ( From 2d3fae6edda9b26b58745711bc87fccfd00d8432 Mon Sep 17 00:00:00 2001 From: Constance Chen Date: Tue, 4 Oct 2022 13:43:21 -0700 Subject: [PATCH 2/2] changelog --- upcoming_changelogs/6289.md | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 upcoming_changelogs/6289.md diff --git a/upcoming_changelogs/6289.md b/upcoming_changelogs/6289.md new file mode 100644 index 00000000000..5a38a09b6be --- /dev/null +++ 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