@grafloria/element 0.4.37 → 0.4.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafloria/element",
-  "version": "0.4.37",
+  "version": "0.4.38",
   "type": "module",
   "main": "./src/index.js",
   "types": "./src/index.d.ts",

package/src/lib/dashboard-kit/dashboard.js

@@ -1486,8 +1486,13 @@ export function createDashboardHandle(ctx) {
         },
         setSizing(mode) {
             var _a;
-            for (const b of binders.values())
-                b.setSizing(mode);
+            // THE VIEWS ONLY. A nested board (a page, a section) is bound fit with no
+            // design height — its height is its container's business — and switched
+            // to grow it painted its rows at the base height, 700 px past a torn-out
+            // group or a split pane (0.4.38).
+            for (const [id, b] of binders)
+                if (groups.has(id))
+                    b.setSizing(mode);
             clampCamera();
             (_a = ctx.apiRef) === null || _a === void 0 ? void 0 : _a.renderNow();
         },

package/src/lib/dashboard-kit/split-binder.js

@@ -790,10 +790,12 @@ export function bindDashboardSplit(api, group, options = {}) {
     // nothing. One history step, like every other drop.
     let tearing = false;
     const EDGE_GRACE = 60;
+    /** The last batch the tear-out ran — the command manager may land it after this tick, so the board re-projects when it settles. */
+    let pendingBatch = undefined;
     const execute = (name, commands) => {
         if (commands.length === 0)
             return false;
-        void execCommand(new BatchCommand(name, commands));
+        pendingBatch = execCommand(new BatchCommand(name, commands));
         return true;
     };
     const beginTearOut = (pageId, fromGroupId, ev, plan) => {
@@ -897,8 +899,22 @@ export function bindDashboardSplit(api, group, options = {}) {
         };
         const done = (changed, kind) => {
             tearing = false;
-            project(readTree());
-            api.renderNow();
+            // PAINT FROM THE TREE THAT WAS SET. The batch adds the group before it
+            // swaps the tree, and the board's member:added reconciles the interim
+            // tree by halving the LARGEST leaf; when the manager lands the batch
+            // after this tick, that interim projection is what stayed on the canvas
+            // (a pane 445 px off). Project now, and again once the batch settles.
+            const paint = () => {
+                if (disposed)
+                    return;
+                project(readTree());
+                api.renderNow();
+            };
+            paint();
+            const p = pendingBatch;
+            pendingBatch = undefined;
+            if (p && typeof p.then === 'function')
+                void p.then(paint, () => undefined);
             fire({ type: kind, kind: 'move', nodeId: pageId, changed });
         };
         const finish = (commit) => {