Better handling of dialogs/modals/popovers

1 files changed, 7 insertions, 1 deletions

diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss
index e5dbb38..32fe6b4 100644
--- a/src/objects/_lightbox.scss
+++ b/src/objects/_lightbox.scss
@@ -34,16 +34,22 @@
                 overflow:              hidden;
                 background-color:      transparent;
                 border:                0;
+                pointer-events:        none;
 
                 &::backdrop {
                         background-color: props.get(backdrop.$bg-color);
                         backdrop-filter: blur(props.get(backdrop.$blur));
                 }
 
-                &[open] {
+                &[open],
+                &:popover-open {
                         display: grid;
                 }
 
+                > * {
+                        pointer-events: auto;
+                }
+
                 @include bem.elem('info', 'controls') {
                         position:          absolute;
                         inset-block-start: props.get(vars.$pad);