@threadlabs/looma 0.31.2 → 0.31.3

package/components/shared/overlay.js

@@ -364,7 +364,7 @@ export function createViewportSurface(surface, options = {}) {
       // Suppress newly introduced UA borders without overriding authored theme-dependent chrome.
       for (const side of absentBorders) surface.style[`border${side}Width`] = "0";
     } else {
-      Object.assign(surface.style, { padding: "0", border: "0", background: "transparent" });
+      Object.assign(surface.style, { padding: "0", border: "0", background: "transparent", overflow: "visible" });
     }
   }
   const hideSurface = () => {

package/components/ui-editor-toolbar/ui-editor-toolbar.html

@@ -73,6 +73,7 @@
     }
 
     :host([floating]) {
+      box-sizing: border-box;
       position: relative;
       top: auto;
       width: max-content;

package/components/ui-popover/ui-popover.html

@@ -1,5 +1,7 @@
 <template component="ui-popover" module="./ui-popover.js">
   <defs>
+    <prop name="bare" type="boolean" default="false"
+    >Delegates the surface to its content, with no padding, border, background, shadow, or overflow clipping.</prop>
     <prop name="size" type="keyword" values="content, sm, md, lg" default="content"
     >Optional size preset. content keeps the existing intrinsic sizing; the other sizes constrain the surface for compact, medium, or large content.</prop>
     <prop name="open" type="boolean" default="false">Whether the popover is open initially or when set externally.</prop>
@@ -93,6 +95,15 @@
       box-shadow: var(--_ui-popover-shadow, var(--ui-overlay-shadow, var(--ui-elevation-overlay, var(--ui-shadow-lg))));
     }
 
+    /* A toolbar or card can supply its own surface, including an unclipped shadow. */
+    :host([bare]) .surface {
+      overflow: visible;
+      padding: 0;
+      border: 0;
+      background: transparent;
+      box-shadow: none;
+    }
+
     :host(:not(:state(internalOpen))) {
       display: none;
     }