@visns-studio/visns-components 6.3.16 → 6.3.18

package/src/components/styles/Navigation.module.scss

@@ -425,6 +425,21 @@
             display: none;
         }
 
+        /* A scroll container clips on BOTH axes: `overflow-x: auto` makes the
+           computed `overflow-y` `auto` as well, however `visible` it was
+           written. So the popovers that mounted components anchor to their own
+           chip — the notification dropdown, the account switcher list, both
+           `position: absolute; top: 100%` — were being cut off at the bottom of
+           this ~44px pill and never appeared on screen. The bell looked dead.
+
+           While one of those overlays is open the group stops scrolling and
+           lets it out. The overlays are only in the DOM while open, so they
+           advertise themselves with `data-nav-overlay` and nothing here has to
+           know which component owns them or track any open state. */
+        &:has([data-nav-overlay='open']) {
+            overflow: visible;
+        }
+
         margin: 0;
         flex-wrap: nowrap;
         flex-direction: row;