Do not allow the css prop on EuiOverlayMask (elastic#6296)

- since the mask is essentially a raw DOM node/element, it can't accept a react `css` prop
cee-chen · Oct 6, 2022 · ea5200e · ea5200e
1 parent 378b90c
commit ea5200e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src-docs/src/views/overlay_mask/props.tsx b/src-docs/src/views/overlay_mask/props.tsx
@@ -3,5 +3,5 @@ import { CommonProps } from '../../../../src/components/common';
 import { EuiOverlayMaskInterface } from '../../../../src/components/overlay_mask/overlay_mask';
 
 export const EuiOverlayMaskProps: FunctionComponent<
-  EuiOverlayMaskInterface & CommonProps
+  EuiOverlayMaskInterface & Omit<CommonProps, 'css'>
 > = () => <div />;
diff --git a/src/components/overlay_mask/overlay_mask.tsx b/src/components/overlay_mask/overlay_mask.tsx
@@ -43,7 +43,7 @@ export interface EuiOverlayMaskInterface {
   maskRef?: Ref<HTMLDivElement> | MutableRefObject<HTMLDivElement>;
 }
 
-export type EuiOverlayMaskProps = CommonProps &
+export type EuiOverlayMaskProps = Omit<CommonProps, 'css'> &
   Omit<
     Partial<Record<keyof HTMLAttributes<HTMLDivElement>, string>>,
     keyof EuiOverlayMaskInterface
@@ -55,7 +55,6 @@ export const EuiOverlayMask: FunctionComponent<EuiOverlayMaskProps> = ({
   children,
   headerZindexLocation = 'above',
   maskRef,
-  css, // TODO: apply custom CSS-in-JS as a className
   ...rest
 }) => {
   const [overlayMaskNode, setOverlayMaskNode] = useState<HTMLDivElement | null>(