nodality 1.1.6 → 1.1.8

package/lib/raster-ops.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.1.6
+ * nodality v1.1.8
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -3664,7 +3664,25 @@ function applyRasterPipeline(el, rasterNodes, opts) {
         // the old capture, which is the right default for a morph that is
         // about to run.
         const atStart = transition.standDownAtStart && progress <= 0;
-        const wantVis = (done || atStart) && !hostsContent ? "hidden" : "visible";
+        // The two endpoints are NOT symmetric once content is hosted, and
+        // treating them alike stranded every live morph.
+        //
+        // At t=1 the hosted side IS the destination, so hiding the canvas
+        // would hide the thing just handed over — it has to stay up, and
+        // pointer retargeting is what keeps the controls inside it alive.
+        //
+        // At t=0 the element being handed back to is the CALLER'S, and by
+        // construction it lives outside this canvas: `standDownAtStart` is
+        // opt-in precisely because the caller owns that element and puts
+        // it back itself. The hosted side is the destination, which should
+        // not be on screen at t=0 anyway. So the canvas can stand down
+        // here even while hosting.
+        //
+        // Without this a live morph never gives the source back: the
+        // canvas stays up showing the transition's frozen first frame, the
+        // real source stays display:none, and the nav looks perfectly
+        // normal while being completely dead to a second click.
+        const wantVis = ((done && !hostsContent) || atStart) ? "hidden" : "visible";
         if (canvas.style.visibility !== wantVis) canvas.style.visibility = wantVis;
         if (done) {
             if (inkSaved) showHostInk();
@@ -4208,6 +4226,42 @@ function applyRasterPipeline(el, rasterNodes, opts) {
     // their coordinate math on the CPU.
     let lastMoveProbe = 0;
 
+    /**
+     * Hit-test the canvas-hosted subtree by hand.
+     *
+     * `document.elementFromPoint` cannot see content the LIVE backend
+     * hosts. To be uploaded as a texture the content has to live inside
+     * the <canvas>, where it is canvas fallback content: laid out, but
+     * never painted into the page. The browser's hit test therefore walks
+     * straight past it and lands on the canvas itself, which is why every
+     * control inside a live pipeline used to be dead.
+     *
+     * The boxes are real, though — a back button inside a live morph
+     * reports its true 88x28 rect — so they can be tested directly. That
+     * is the whole trick: layout is available, only painting and hit
+     * testing are not, and hit testing is the part we can replace.
+     *
+     * Deepest match wins, which is what the browser does: a <span> inside
+     * a <button> resolves to the span, and the dispatched event then
+     * bubbles to the button exactly as a real click would. Among siblings
+     * the last match wins, which approximates paint order for the
+     * ordinary, non-z-indexed case.
+     */
+    const hostedElementAt = (x, y) => {
+        let found = null;
+        const walk = (node) => {
+            for (const child of node.children) {
+                const r = child.getBoundingClientRect();
+                if (!r.width || !r.height) continue;
+                if (x < r.left || x > r.right || y < r.top || y > r.bottom) continue;
+                found = child;
+                walk(child);
+            }
+        };
+        walk(sourceEl);
+        return found;
+    };
+
     const onRetarget = (e) => {
         if (!interactive || destroyed || e[RETARGET]) return;
         if (e.type === "pointermove" || e.type === "mousemove") {
@@ -4217,14 +4271,23 @@ function applyRasterPipeline(el, rasterNodes, opts) {
         }
         const s = sourceAt(e.clientX, e.clientY);
         if (!s) return;
+        // Where the content lives inside the canvas there is no native hit
+        // testing to defer to, displaced or not — so this shortcut has to
+        // be skipped. It is why a live morph stayed dead even after it
+        // settled: at rest the shader presents 1:1, the displacement is
+        // zero, and every event took this early return.
+        const hosted = sourceEl !== el;
         // Nothing moved here: let the browser's own hit-testing stand.
-        if (Math.abs(s.x - e.clientX) < 0.5 && Math.abs(s.y - e.clientY) < 0.5) return;
+        if (!hosted &&
+            Math.abs(s.x - e.clientX) < 0.5 && Math.abs(s.y - e.clientY) < 0.5) return;
 
         // Returns null when the source lands outside the VIEWPORT — an
         // element scrolled half off-screen whose displacement pushes the
         // source past the edge. Declining is the right answer there: the
         // native hit stands, rather than dispatching somewhere wrong.
-        const target = typeof document.elementFromPoint === "function"
+        const target = hosted
+            ? hostedElementAt(s.x, s.y)
+            : typeof document.elementFromPoint === "function"
             ? document.elementFromPoint(s.x, s.y)
             : null;
         // Only ever redirect INTO our own subtree. A displacement that

package/lib/raster-presets.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.1.6
+ * nodality v1.1.8
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/scroll-video.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.1.6
+ * nodality v1.1.8
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/seo.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.1.6
+ * nodality v1.1.8
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/stacker.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.1.6
+ * nodality v1.1.8
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/suggest.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.1.6
+ * nodality v1.1.8
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/theme.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.1.6
+ * nodality v1.1.8
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/transform-anim.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.1.6
+ * nodality v1.1.8
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/transition.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.1.6
+ * nodality v1.1.8
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodality",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "description": "A lightweight library for declarative UI elements.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",