@yuneta/gobj-ui 5.3.2 → 5.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yuneta/gobj-ui",
-    "version": "5.3.2",
+    "version": "5.3.3",
     "type": "module",
     "main": "dist/gobj-ui.cjs.js",
     "module": "dist/gobj-ui.es.js",

package/src/c_yui_node.css

@@ -41,6 +41,25 @@
     flex: 0 0 auto;
 }
 
+/*  A LINK node is the other case: its viewer IS the page, so it takes
+ *  the remaining height and is BOUNDED by it — the box the stage gives
+ *  a view the shell mounts, which is the whole promise of a link ("a
+ *  viewer cannot tell whether the shell mounted it or a node did").
+ *
+ *  Sized by content, as above, it overflows its host instead of
+ *  shrinking, and a viewer that MEASURES its own box to size a canvas
+ *  (C_G6_NODES_TREE and its ResizeObserver) then grows the box it just
+ *  measured: observe → setSize → bigger box → observe. That gclass
+ *  documents "setSize does not change the observed box, so there is no
+ *  feedback loop", and it is right — as long as somebody bounds the
+ *  height. Under a link, that somebody is this rule. */
+.NODE_CONTENT_LINK {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 auto;
+    min-height: 0;
+}
+
 /*  The index projection (a card grid, a list…) is the page when this
  *  node is the tip: it takes the remaining height and scrolls. */
 .NODE_INDEX {

package/src/c_yui_node.js

@@ -760,7 +760,11 @@ function render_self(gobj)
     if(view) {
         let $v = gobj_read_attr(view, "$container");
         if($v) {
-            let $slot = createElement2(["div", {class: "NODE_CONTENT"}]);
+            /*  A LINK's viewer IS the page and must be BOUNDED by the
+             *  body; a plain content is a header above the index and
+             *  keeps its natural height.  Two boxes, so two classes. */
+            let $slot = createElement2(["div", {class: has_link(gobj)
+                ? "NODE_CONTENT NODE_CONTENT_LINK" : "NODE_CONTENT"}]);
             $slot.appendChild($v);
             priv.$body.appendChild($slot);
         }