@jsenv/navi 0.26.5 → 0.26.7

package/dist/jsenv_navi.js

@@ -30762,8 +30762,9 @@ const Popover = props => {
         width,
         height
       } = effectiveAnchor.getBoundingClientRect();
-      popoverEl.style.setProperty("--anchor-width", `${width}px`);
-      popoverEl.style.setProperty("--anchor-height", `${height}px`);
+      const snap = v => Math.round(v * devicePixelRatio) / devicePixelRatio;
+      popoverEl.style.setProperty("--anchor-width", `${snap(width)}px`);
+      popoverEl.style.setProperty("--anchor-height", `${snap(height)}px`);
       const minLeft = 1;
       const effectivePositionX = anchor ? positionX : "center";
       const {
@@ -31066,12 +31067,21 @@ installImportMetaCssBuild(import.meta);const css$f = /* css */`
            under a single border/shadow. CSS order places it before the list
            when the popover is below the trigger, and after when above. */
         .navi_select_anchor_clone {
+          display: flex;
+          /* To make clone same height as original we need to force it because context can impact height */
+          /* Like siblings with a bigger height in a flex container */
+          /* We subtract the border sizes as anchor-height includes borders in the dimensions */
+          min-height: calc(var(--anchor-height) - var(--select-border-width));
           /* Mirror the trigger's padding so the clone looks identical */
           padding-top: var(--x-select-padding-top);
           padding-right: var(--x-select-padding-right);
           padding-bottom: var(--x-select-padding-bottom);
           padding-left: var(--x-select-padding-left);
           flex-shrink: 0;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          gap: var(--navi-s);
           order: -1; /* before the list — popover is below the trigger */
           background: var(--x-select-background-color);
           border-bottom: var(--select-border-width) solid
@@ -31112,10 +31122,6 @@ installImportMetaCssBuild(import.meta);const css$f = /* css */`
       }
 
       &[aria-expanded="true"] {
-        border-top-color: var(--select-border-color);
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-
         .navi_select_popover {
           display: flex;
           flex-direction: column;