Fix; popin container was invisible but preventing click of items unde…

…rneath (pointer events bug)
GovConnex · Jul 9, 2024 · 399ce76 · 399ce76
1 parent f27e634
commit 399ce76
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@govconnex/ui",
-  "version": "0.0.193",
+  "version": "0.0.194",
   "description": "GovConnex UI - React Component Library",
   "scripts": {
     "build:tokens": "./tokens-build.sh",

diff --git a/src/components/PopIn/PopIn.styles.ts b/src/components/PopIn/PopIn.styles.ts
@@ -29,12 +29,16 @@ export const PopInContainer = styled.div<{
     `}
   visibility: ${({show}) => (show ? "visible" : "hidden")};
   opacity: ${({show}) => (show ? 1 : 0)};
-  pointer-events: ${({show}) => (show ? "auto" : "none")};
+  pointer-events: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
+
+  & > * {
+    pointer-events: ${({show}) => (show ? "auto" : "none")};
+  }
 `;