Hide overflow from Overlay (#1248)

This partially reverts commit 681bbe6
primer · May 25, 2021 · a7fe32c · a7fe32c · vercel · May 25, 2021
1 parent aa7d80f
commit a7fe32c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/.changeset/gorgeous-cooks-thank.md b/.changeset/gorgeous-cooks-thank.md
@@ -0,0 +1,5 @@
+---
+"@primer/components": patch
+---
+
+Hide overflow from `Overlay`
diff --git a/src/Overlay.tsx b/src/Overlay.tsx
@@ -41,6 +41,7 @@ const StyledOverlay = styled.div<StyledOverlayProps & SystemCommonProps & System
   height: ${props => heightMap[props.height || 'auto']};
   width: ${props => widthMap[props.width || 'auto']};
   border-radius: 12px;
+  overflow: hidden;
   animation: overlay-appear 200ms ${get('animation.easeOutCubic')};
 
   @keyframes overlay-appear {

diff --git a/src/stories/ActionList.stories.tsx b/src/stories/ActionList.stories.tsx
@@ -47,9 +47,7 @@ export default meta
 const ErsatzOverlay = styled.div`
   border-radius: 12px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 8px 24px rgba(149, 157, 165, 0.2);
-  position: absolute;
-  min-width: 192px;
-  max-width: 640px;
+  overflow: hidden;
 `
 
 export function ActionsStory(): JSX.Element {