@threadlabs/looma 0.1.28 → 0.2.1

package/dist/esm/{positioning-Drmwg-C1.js → positioning-Ig1jYhE1.js}

@@ -131,6 +131,22 @@ function createAnchoredSurface(surface, options = {}) {
     let open = false;
     let frame = null;
     let listenerAbort = null;
+    let sizeObserver = null;
+    // The surface can enter the top layer before its content has laid out (a
+    // menu's items, a tooltip's text), so its measured size is briefly zero or
+    // stale and the viewport clamp would run against the wrong geometry. Re-run
+    // positioning whenever the surface's own size settles.
+    const ResizeObserverImpl = owner.ResizeObserver;
+    const observeSurfaceSize = () => {
+        if (sizeObserver || typeof ResizeObserverImpl !== "function")
+            return;
+        sizeObserver = new ResizeObserverImpl(() => schedule());
+        sizeObserver.observe(surface);
+    };
+    const stopObservingSurfaceSize = () => {
+        sizeObserver?.disconnect();
+        sizeObserver = null;
+    };
     surface.setAttribute("popover", "manual");
     surface.dataset.uiPositioning = nativeAnchor ? "anchor" : "fallback";
     surface.style.position = "fixed";
@@ -217,6 +233,12 @@ function createAnchoredSurface(surface, options = {}) {
             syncFallbackListeners();
             showInTopLayer(surface);
             position();
+            // The surface has just entered the top layer and may not be laid out yet,
+            // so the first position() can measure a zero/stale size and skip the
+            // viewport clamp. Re-position on the next frame, and keep re-positioning
+            // while the surface's own size settles as its content renders.
+            schedule();
+            observeSurfaceSize();
         },
         showAtPoint(nextPoint) {
             point = nextPoint;
@@ -224,11 +246,14 @@ function createAnchoredSurface(surface, options = {}) {
             syncFallbackListeners();
             showInTopLayer(surface);
             position();
+            schedule();
+            observeSurfaceSize();
         },
         hide() {
             open = false;
             point = null;
             syncFallbackListeners();
+            stopObservingSurfaceSize();
             if (frame !== null)
                 owner.cancelAnimationFrame(frame);
             frame = null;
@@ -239,6 +264,7 @@ function createAnchoredSurface(surface, options = {}) {
             open = false;
             listenerAbort?.abort();
             listenerAbort = null;
+            stopObservingSurfaceSize();
             if (frame !== null)
                 owner.cancelAnimationFrame(frame);
             frame = null;

package/dist/esm/ui-affordance-scope.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, g as getElement, h, H as Host } from './index-8BGiMGQ0.js';
-import { D as DEFAULT_AFFORDANCE_NEAR_RADIUS, c as createProximityCoordinator } from './positioning-Drmwg-C1.js';
+import { D as DEFAULT_AFFORDANCE_NEAR_RADIUS, c as createProximityCoordinator } from './positioning-Ig1jYhE1.js';
 
 const uiAffordanceScopeCss = () => `:host{display:contents;--ui-affordance-scope-engaged:0}:host([data-ui-interaction='engaged']){--ui-affordance-scope-engaged:1}`;