fix(styles): update popover styles to exclude pointer events (#10067)

Co-authored-by: DAK <[email protected]> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Nov 9, 2021 · 3bd0462 · 3bd0462
1 parent 902eefa
commit 3bd0462
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/styles/scss/components/popover/_popover.scss b/packages/styles/scss/components/popover/_popover.scss
@@ -64,6 +64,7 @@
   // Container
   .#{$prefix}--popover-container {
     position: relative;
+    display: inline-block;
   }
 
   /// Modifiers
@@ -109,6 +110,7 @@
     bottom: 0;
     left: 0;
     filter: $popover-drop-shadow;
+    pointer-events: none;
   }
 
   // Popover content
@@ -121,6 +123,7 @@
     background-color: $popover-background-color;
     border-radius: $popover-border-radius;
     color: $popover-text-color;
+    pointer-events: auto;
   }
 
   .#{$prefix}--popover--open .#{$prefix}--popover-content {