@jsenv/navi 0.29.64 → 0.29.65

package/dist/jsenv_navi.js

@@ -29897,9 +29897,12 @@ const css$W = /* css */`
       backdrop-filter: none;
     }
 
+    /* overlay is a no-op here (this backdrop is a plain div, never a
+       top-layer element) but stays in the list so all four transition lists in
+       these files agree — display and overlay always travel together. */
     &[navi-animation] {
       opacity: 1;
-      transition-property: display, opacity;
+      transition-property: display, overlay, opacity;
       transition-duration: var(--popup-animation-duration);
       transition-timing-function: ease;
       transition-behavior: allow-discrete;
@@ -31305,12 +31308,16 @@ const css$V = /* css */`
     /* navi-animation mirrors the content popover's own resolved value (set
        imperatively in openEffect) — the backdrop only ever fades, regardless
        of which kind it is (translate/scale wouldn't mean anything on it).
-       display is included alongside opacity (+ allow-discrete) for the same
-       reason popup_css.js's own .navi_popover rule includes it — see this
-       file's top comment. */
+       display and overlay are included alongside opacity (+ allow-discrete)
+       for the same reason popup_css.js's own .navi_popover rule includes them
+       — see this file's top comment. They go together: display keeps the
+       backdrop rendered during the exit, overlay keeps it in the top layer
+       (hidePopover() is called synchronously, so without it the backdrop is
+       evicted immediately and, being z-index: unset, loses to FixedBar and to
+       any positioned element later in DOM order for the whole fade). */
     &[navi-animation] {
       opacity: 1;
-      transition-property: display, opacity;
+      transition-property: display, overlay, opacity;
       transition-duration: var(--popup-animation-duration);
       transition-timing-function: ease;
       transition-behavior: allow-discrete;