diff --git a/.changeset/seven-cherries-serve.md b/.changeset/seven-cherries-serve.md new file mode 100644 index 00000000000..cc167fde2ba --- /dev/null +++ b/.changeset/seven-cherries-serve.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Overlay: Set `style` prop correctly diff --git a/packages/react/src/Overlay/Overlay.tsx b/packages/react/src/Overlay/Overlay.tsx index 23e8932f4a8..251ba0625ab 100644 --- a/packages/react/src/Overlay/Overlay.tsx +++ b/packages/react/src/Overlay/Overlay.tsx @@ -22,6 +22,7 @@ type StyledOverlayProps = { visibility?: 'visible' | 'hidden' overflow?: 'auto' | 'hidden' | 'scroll' | 'visible' anchorSide?: AnchorSide + style?: React.CSSProperties } & SxProp export const heightMap = { @@ -153,6 +154,7 @@ const Overlay = React.forwardRef( portalContainerName, preventFocusOnOpen, position, + style: styleFromProps = {}, ...rest }, forwardedRef, @@ -214,6 +216,7 @@ const Overlay = React.forwardRef( bottom, position, '--styled-overlay-visibility': visibility, + ...styleFromProps, } as React.CSSProperties } />