mnfst 0.5.195 → 0.5.196

package/lib/manifest.colorpicker.css

@@ -10,13 +10,18 @@
 
 @layer base {
 
+    /* Animates `scale`, not `transform`. With fill mode `both` a transform
+       animation keeps its final value forever, which silently overrides any
+       transform an author put on a popover — so a menu positioned with
+       translate(-50%) simply would not move. The standalone property leaves
+       transform free. */
     @keyframes mnfst-popover-in {
         from {
-            transform: scale(.9)
+            scale: .9
         }
 
         to {
-            transform: none
+            scale: 1
         }
     }
 

package/lib/manifest.colorpicker.js

@@ -2547,6 +2547,11 @@ function initializeColorpickerPlugin() {
 
                     const isDialog = target.tagName === 'DIALOG';
 
+                    // A generated panel is appended to <body>, so manifest.dialog.css can't
+                    // tell from DOM position that it belongs to a swatch inside a dialog
+                    // rather than to the page behind it, and fades it out. Say so here.
+                    if (el.closest('[popover]')) target.setAttribute('data-popover-nested', '');
+
                     // Non-dialog popover targets route through x-dropdown (anchored like
                     // a dropdown). <dialog> targets open imperatively on click instead
                     // (modal/centered, not trigger-anchored).
@@ -2568,7 +2573,9 @@ function initializeColorpickerPlugin() {
                             e.preventDefault();
                             try {
                                 if (target.hasAttribute('popover')) {
-                                    if (!target.matches(':popover-open')) target.showPopover();
+                                    // `source` names the swatch as the invoker, so opening the
+                                    // panel can't light-dismiss a dialog or menu it sits inside.
+                                    if (!target.matches(':popover-open')) target.showPopover({ source: el });
                                 } else {
                                     if (!target.open) target.showModal();
                                 }