@jsenv/navi 0.29.394 → 0.29.396

package/dist/jsenv_navi.js

@@ -6592,10 +6592,6 @@ const css$13 = /* css */ `
     border: none;
     outline: none; /* programmatic focus may land here briefly before being redirected to close button */
     opacity: 0;
-    /* opacity only: the placement lives in the translate property, which
-       applyNewPosition (visible_rect.js) owns and animates itself through the
-       Web Animations API, same mechanism Popover/Dialog use. */
-    transition: opacity 0.2s ease-in-out;
     cursor: initial; /* Do not inherit element cursor, inside the element but should use regular cursor */
     pointer-events: auto; /* Must be interactive to be closabled (overrid list item pointer-events none for instance)  */
     overflow: visible;
@@ -6604,6 +6600,15 @@ const css$13 = /* css */ `
       position: absolute;
     }
 
+    /* Armed after the first placement: the first show answers a tap or a
+       click and appears at once, the fade is for the anchor scrolling out of
+       view and back. Opacity only: the placement lives in the translate
+       property, which applyNewPosition (visible_rect.js) owns and animates
+       itself through the Web Animations API, same mechanism Popover/Dialog use. */
+    &[data-placed] {
+      transition: opacity 0.12s ease-out;
+    }
+
     &[data-status="success"] {
       --x-callout-status-color: var(--callout-success-color);
     }
@@ -8031,6 +8036,13 @@ const positionCallout = (
         calloutFrameElement.innerHTML = generateSvgWithoutArrow(width, height);
         calloutElement.style.opacity = 1;
       }
+      if (!calloutElement.hasAttribute("data-placed")) {
+        // Style flush between the first opacity write and arming the
+        // transition, so that first write lands unanimated in the same frame.
+        // eslint-disable-next-line no-unused-expressions
+        getComputedStyle(calloutElement).opacity;
+        calloutElement.setAttribute("data-placed", "");
+      }
       applyNewPosition(calloutElement, position);
     },
   );
@@ -40992,7 +41004,15 @@ const useControlProps = (props, {
             if (actsOnMouseDown) {
               return {
                 name: "mousedown",
-                allowed: () => onButtonInteractionAllowed(e)
+                allowed: () => onButtonInteractionAllowed(e),
+                // The press is answered here, refusal included: the click it
+                // leaves behind would otherwise follow the href of a
+                // <Button route>. Not asked about again — a second refusal
+                // reads as "got it" and dismisses the callout just shown.
+                prevented: () => {
+                  const clickSuppressionIsOver = suppressClickAfterGesture();
+                  clickSuppressionIsOver();
+                }
               };
             }
             return null;
@@ -41003,7 +41023,11 @@ const useControlProps = (props, {
             }
             return {
               name: "click",
-              allowed: () => onButtonInteractionAllowed(e)
+              allowed: () => onButtonInteractionAllowed(e),
+              // A refused press keeps nothing of the click's default: the href
+              // of a <Button route> (rendered as <a>), a form submit, a
+              // popovertarget.
+              prevented: () => e.preventDefault()
             };
           }
         };