@urbicon-ui/blocks 6.3.14 → 6.4.0

package/dist/utils/floating.js

@@ -71,31 +71,21 @@ function fixedOriginOffset(floating) {
     floating.style.top = prevTop;
     return { x: origin.left, y: origin.top };
 }
-/**
- * `true` when `floating` is a popover currently promoted to the browser top
- * layer. Guarded: `:popover-open` predates the Popover API, so `matches()`
- * throws `SyntaxError` on engines that lack it (Safari < 17) — there, no element
- * can be in the top layer, so `false` is the correct answer (and never throwing
- * keeps `computePosition` from aborting mid-flight, which would leave the panel
- * unpositioned — Codeberg #23).
- */
-function isTopLayerPopover(floating) {
-    try {
-        return floating.matches(':popover-open');
-    }
-    catch {
-        return false;
-    }
-}
 function viewportToLocal(floating, x, y, strategy) {
     if (strategy === 'fixed') {
-        // A top-layer popover is positioned against the viewport regardless of any
-        // transformed ancestor, so its coordinates are used as-is. A non-top-layer
-        // fixed panel (the in-dialog mode) is positioned against its containing
-        // block, which can be a transformed ancestor on WebKit — compensate for its
-        // measured viewport offset so the same coordinates land correctly there too.
-        if (isTopLayerPopover(floating))
-            return { x, y };
+        // Measure where the element's OWN containing block actually sits and
+        // compensate — never assume `position: fixed` (or the top layer) equals the
+        // viewport. The probe self-corrects for every case:
+        //   • genuinely viewport-fixed (desktop)               → origin (0,0), no-op
+        //   • non-top-layer panel under a transformed ancestor → origin = ancestor
+        //   • TOP-LAYER popover on iOS with the keyboard open   → the popover is
+        //     anchored to the LAYOUT viewport, which getBoundingClientRect reports
+        //     offset by `visualViewport.offsetTop`; the probe reads (0, -offsetTop)
+        //     and compensates, so the panel lands on its anchor instead of floating
+        //     that far above the visible area (Codeberg #23).
+        // Earlier revisions special-cased `:popover-open` to skip this — that wrongly
+        // assumed top-layer == viewport-fixed and stranded keyboard-shifted popovers
+        // (and risked a SyntaxError on engines without `:popover-open`).
         const origin = fixedOriginOffset(floating);
         return { x: x - origin.x, y: y - origin.y };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@urbicon-ui/blocks",
-  "version": "6.3.14",
+  "version": "6.4.0",
   "description": "Svelte 5 UI component library with Tailwind CSS 4, OKLCH design tokens and zero runtime dependencies",
   "license": "MIT",
   "repository": {
@@ -91,8 +91,8 @@
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
     "@tailwindcss/vite": "^4.3.1",
-    "@urbicon-ui/i18n": "6.3.14",
-    "@urbicon-ui/shared-types": "6.3.14",
+    "@urbicon-ui/i18n": "6.4.0",
+    "@urbicon-ui/shared-types": "6.4.0",
     "prettier": "^3.8.4",
     "prettier-plugin-svelte": "^4.1.1",
     "prettier-plugin-tailwindcss": "^0.8.0",