gutterpress 0.10.0 → 0.10.1-beta.1

package/dist/{cli-149edp6b.js → cli-dx6sxj2t.js}

@@ -4,7 +4,7 @@ import {
 // package.json
 var package_default = {
   name: "gutterpress",
-  version: "0.10.0",
+  version: "0.10.1-beta.1",
   description: "Markdown-to-PDF converter for professional print layout using a native Chromium print engine and Ghostscript.",
   author: "itlackey",
   license: "MPL-2.0",

package/dist/{cli-cqtggsng.js → cli-mcb484g3.js}

@@ -1,6 +1,6 @@
 import {
   package_default
-} from "./cli-149edp6b.js";
+} from "./cli-dx6sxj2t.js";
 import {
   execCapture,
   findTool,
@@ -307,27 +307,6 @@ async function convertToPdfxCmyk(inputPdf, outPdf, config) {
 import { chmod, mkdir, readFile as readFile2, rename as rename2, writeFile as writeFile2 } from "node:fs/promises";
 import os from "node:os";
 import path from "node:path";
-function credentialHostKey(hostOrUrl) {
-  const trimmed = String(hostOrUrl ?? "").trim();
-  if (!trimmed)
-    return "";
-  const scp = /^[\w.-]+@([\w.][\w.-]*):/.exec(trimmed);
-  if (scp)
-    return stripWww(scp[1].toLowerCase());
-  const candidate = /^[a-z][a-z0-9+.-]*:\/\//i.test(trimmed) ? trimmed : `https://${trimmed}`;
-  try {
-    const url = new URL(candidate);
-    if (!url.hostname)
-      return "";
-    const host = url.port ? `${url.hostname}:${url.port}`.toLowerCase() : url.hostname.toLowerCase();
-    return stripWww(host);
-  } catch {
-    return "";
-  }
-}
-function stripWww(host) {
-  return host.startsWith("www.") && host.length > 4 ? host.slice(4) : host;
-}
 function defaultConfigDir() {
   const override = process.env.GUTTERPRESS_CONFIG_DIR?.trim();
   if (override)
@@ -422,30 +401,6 @@ class FileTokenStore {
 function normalizeHost(host) {
   return host.trim().toLowerCase();
 }
-function extractUrlCredential(url) {
-  let parsed;
-  try {
-    parsed = new URL(url);
-  } catch {
-    return { cleanUrl: url };
-  }
-  if (!/^https?:$/.test(parsed.protocol))
-    return { cleanUrl: url };
-  if (!parsed.username && !parsed.password)
-    return { cleanUrl: url };
-  const token = parsed.password ? decodeURIComponent(parsed.password) : decodeURIComponent(parsed.username);
-  const username = parsed.password ? decodeURIComponent(parsed.username) : undefined;
-  parsed.username = "";
-  parsed.password = "";
-  const credential = {
-    host: credentialHostKey(parsed.toString()),
-    kind: "token",
-    token,
-    ...username ? { username } : {},
-    createdAt: Date.now()
-  };
-  return { cleanUrl: parsed.toString(), credential };
-}
 
 // src/lib/diagnostics.ts
 import { platform, arch, release } from "node:os";
@@ -559,4 +514,4 @@ async function getSystemDiagnostics() {
   };
 }
 
-export { setLogLevel, debug, info, warn, error, log, resolveGhostscript, hasLiveTransparency, stripAnnotations, stampCreator, convertToPdfxCmyk, PACKAGE_META, PACKAGE_VERSION, credentialHostKey, defaultConfigDir, FileTokenStore, extractUrlCredential, getSystemDiagnostics };
+export { setLogLevel, debug, info, warn, error, log, resolveGhostscript, hasLiveTransparency, stripAnnotations, stampCreator, convertToPdfxCmyk, PACKAGE_META, PACKAGE_VERSION, defaultConfigDir, FileTokenStore, getSystemDiagnostics };

package/dist/{cli-k1065rkg.js → cli-w692g6dx.js}

@@ -4,8 +4,59 @@ import {
   findEnclosingRepoDir
 } from "./cli-v5mp7a6q.js";
 
+// src/lib/git-fs.ts
+import * as nodeFs from "node:fs";
+var MUTABLE_GIT_METADATA = /(?:^|[\\/])\.git[\\/](?:index|HEAD|packed-refs|refs[\\/].+)$/;
+function needsAtomicWrite(file) {
+  return typeof file === "string" && MUTABLE_GIT_METADATA.test(file);
+}
+var tempCounter = 0;
+function tempPathFor(file) {
+  return `${file}.gp${process.pid.toString(36)}-${(tempCounter++).toString(36)}.tmp`;
+}
+function writeFile2(file, data, options, callback) {
+  const cb = typeof options === "function" ? options : callback;
+  const opts = typeof options === "function" ? undefined : options;
+  if (!needsAtomicWrite(file)) {
+    nodeFs.writeFile(file, data, opts, cb);
+    return;
+  }
+  const temp = tempPathFor(file);
+  const failed = (err) => nodeFs.unlink(temp, () => cb(err));
+  nodeFs.writeFile(temp, data, opts, (writeErr) => {
+    if (writeErr)
+      return failed(writeErr);
+    nodeFs.rename(temp, file, (renameErr) => {
+      if (renameErr)
+        return failed(renameErr);
+      cb(null);
+    });
+  });
+}
+async function writeFilePromise(file, data, options) {
+  if (!needsAtomicWrite(file)) {
+    return nodeFs.promises.writeFile(file, data, options);
+  }
+  const temp = tempPathFor(file);
+  try {
+    await nodeFs.promises.writeFile(temp, data, options);
+    await nodeFs.promises.rename(temp, file);
+  } catch (err) {
+    await nodeFs.promises.unlink(temp).catch(() => {});
+    throw err;
+  }
+}
+var promises2 = {
+  ...nodeFs.promises,
+  writeFile: writeFilePromise
+};
+var gitFs = {
+  ...nodeFs,
+  writeFile: writeFile2,
+  promises: promises2
+};
+
 // src/lib/source-provider.ts
-import * as fs from "node:fs";
 import path2 from "node:path";
 import git from "isomorphic-git";
 
@@ -43,11 +94,6 @@ function createFileLogger(logFile, operation, minLevel = "debug") {
     error: (step, message, data) => write("error", step, message, data)
   };
 }
-function resolveLogger(logFile, operation) {
-  if (!logFile)
-    return noop;
-  return createFileLogger(logFile, operation);
-}
 function formatData(data) {
   if (!data)
     return "";
@@ -83,7 +129,7 @@ var repoQueues = new Map;
 function repoLockKey(projectDir) {
   const resolved = path2.resolve(projectDir);
   try {
-    return fs.realpathSync(resolved);
+    return gitFs.realpathSync(resolved);
   } catch {
     return resolved;
   }
@@ -114,10 +160,10 @@ function gitAuthor(name, email) {
 }
 async function readGitAuthor(dir) {
   const [name, email] = await Promise.all([
-    git.getConfig({ fs, dir, path: "user.name" }).catch(() => {
+    git.getConfig({ fs: gitFs, dir, path: "user.name" }).catch(() => {
       return;
     }),
-    git.getConfig({ fs, dir, path: "user.email" }).catch(() => {
+    git.getConfig({ fs: gitFs, dir, path: "user.email" }).catch(() => {
       return;
     })
   ]);
@@ -134,14 +180,14 @@ async function listWorkdirChanges(dir, cache = {}) {
   const adds = [];
   const removes = [];
   await git.walk({
-    fs,
+    fs: gitFs,
     dir,
     cache,
     trees: [git.WORKDIR(), git.STAGE()],
     map: async (filepath, [workdir, stage]) => {
       if (filepath === ".")
         return;
-      if (!stage && workdir && await git.isIgnored({ fs, dir, filepath })) {
+      if (!stage && workdir && (filepath.startsWith(".git-damaged") || await git.isIgnored({ fs: gitFs, dir, filepath }))) {
         return null;
       }
       const [wType, sType] = await Promise.all([
@@ -165,7 +211,7 @@ async function listWorkdirChanges(dir, cache = {}) {
         if (workdirOid !== stageOid) {
           adds.push(filepath);
         } else {
-          const fileBytes = await fs.promises.readFile(path2.join(dir, filepath));
+          const fileBytes = await gitFs.promises.readFile(path2.join(dir, filepath));
           const { oid: actualOid } = await git.hashBlob({ object: fileBytes });
           if (actualOid !== stageOid)
             adds.push(filepath);
@@ -178,10 +224,10 @@ async function listWorkdirChanges(dir, cache = {}) {
 }
 async function stageChanges(dir, changes, cache) {
   if (changes.adds.length > 0) {
-    await git.add({ fs, dir, cache, filepath: changes.adds });
+    await git.add({ fs: gitFs, dir, cache, filepath: changes.adds });
   }
   for (const filepath of changes.removes) {
-    await git.remove({ fs, dir, cache, filepath });
+    await git.remove({ fs: gitFs, dir, cache, filepath });
   }
 }
 async function hasPendingChanges(dir, cache = {}) {
@@ -196,13 +242,13 @@ async function hasUncommittedChanges(dir, cache = {}) {
 async function stageMatchesHead(dir, cache) {
   let headOid;
   try {
-    headOid = await git.resolveRef({ fs, dir, ref: "HEAD" });
+    headOid = await git.resolveRef({ fs: gitFs, dir, ref: "HEAD" });
   } catch {
     return false;
   }
   let differs = false;
   await git.walk({
-    fs,
+    fs: gitFs,
     dir,
     cache,
     trees: [git.TREE({ ref: headOid }), git.STAGE()],
@@ -244,10 +290,10 @@ class LocalFolderSourceProvider {
     }
     return withRepoLock(dir, async () => {
       const cache = {};
-      await git.init({ fs, dir, defaultBranch: DEFAULT_BRANCH });
+      await git.init({ fs: gitFs, dir, defaultBranch: DEFAULT_BRANCH });
       await stageChanges(dir, await listWorkdirChanges(dir, cache), cache);
       await git.commit({
-        fs,
+        fs: gitFs,
         dir,
         cache,
         message: options.initialMessage?.trim() || "Created project",
@@ -316,7 +362,7 @@ class LocalGitSourceProvider {
     let commits;
     try {
       commits = await git.log({
-        fs,
+        fs: gitFs,
         dir,
         cache: {},
         depth: limit + 2,
@@ -353,7 +399,7 @@ class LocalGitSourceProvider {
   }
   async restoreUnlocked(options) {
     await git.checkout({
-      fs,
+      fs: gitFs,
       dir: this.dir,
       cache: {},
       ref: options.id,
@@ -365,9 +411,9 @@ class LocalGitSourceProvider {
 async function snapshotWorkingTreeUnlocked(options) {
   const dir = options.repoRoot ?? options.projectDir;
   const logger = options.logFile ? createFileLogger(options.logFile, "snapshot") : noopLogger;
-  const cache = {};
+  const cache = options.cache ?? {};
   const stagingMarker = snapshotStagingMarkerPath(dir);
-  const staleStaging = fs.existsSync(stagingMarker);
+  const staleStaging = gitFs.existsSync(stagingMarker);
   const changes = await listWorkdirChanges(dir, cache);
   const workdirClean = changes.adds.length === 0 && changes.removes.length === 0;
   if (workdirClean && !staleStaging) {
@@ -376,8 +422,8 @@ async function snapshotWorkingTreeUnlocked(options) {
   }
   if (workdirClean && staleStaging && await stageMatchesHead(dir, cache)) {
     logger.debug("snapshot", "stale marker outlived a completed commit — clearing, not recommitting");
-    fs.rmSync(stagingMarker, { force: true });
-    const [head2] = await git.log({ fs, dir, cache, depth: 1 });
+    gitFs.rmSync(stagingMarker, { force: true });
+    const [head2] = await git.log({ fs: gitFs, dir, cache, depth: 1 });
     return {
       id: head2.oid,
       message: head2.commit.message.trim(),
@@ -390,18 +436,18 @@ async function snapshotWorkingTreeUnlocked(options) {
     removes: changes.removes.length,
     ...staleStaging ? { recoveredStaleStaging: true } : {}
   });
-  fs.writeFileSync(stagingMarker, "");
+  gitFs.writeFileSync(stagingMarker, "");
   await stageChanges(dir, changes, cache);
   const author = await resolveGitAuthor(dir, options.authorName, options.authorEmail);
   const id = await git.commit({
-    fs,
+    fs: gitFs,
     dir,
     cache,
     message: options.message,
     author
   });
-  fs.rmSync(stagingMarker, { force: true });
-  const [head] = await git.log({ fs, dir, cache, depth: 1 });
+  gitFs.rmSync(stagingMarker, { force: true });
+  const [head] = await git.log({ fs: gitFs, dir, cache, depth: 1 });
   return {
     id,
     message: options.message,
@@ -458,4 +504,4 @@ async function restoreVersionWithBackup(options) {
   });
 }
 
-export { resolveLogger, gitScopeFor, HISTORY_PAGE_LIMIT, withRepoLock, __repoLockQueueSizeForTests, resolveGitAuthor, listWorkdirChanges, stageChanges, hasPendingChanges, hasUncommittedChanges, snapshotWorkingTreeUnlocked, isNoChangesError, providerFor, gitDirFor, snapshotStagingMarkerPath, RESTORE_BACKUP_MESSAGE, AUTO_SNAPSHOT_MESSAGE, restoreVersionWithBackup };
+export { gitScopeFor, HISTORY_PAGE_LIMIT, withRepoLock, __repoLockQueueSizeForTests, resolveGitAuthor, listWorkdirChanges, stageChanges, hasPendingChanges, hasUncommittedChanges, snapshotWorkingTreeUnlocked, isNoChangesError, providerFor, gitDirFor, snapshotStagingMarkerPath, RESTORE_BACKUP_MESSAGE, AUTO_SNAPSHOT_MESSAGE, restoreVersionWithBackup };

package/dist/cli.js

@@ -6,7 +6,7 @@ import {
   UsageError,
   package_default,
   rejectUnknownFlags
-} from "./cli-149edp6b.js";
+} from "./cli-dx6sxj2t.js";
 import {
   EXIT_CODES
 } from "./cli-46ycxe6r.js";
@@ -18,17 +18,16 @@ import {
 import { defineCommand, parseArgs, runMain } from "citty";
 import { statSync } from "node:fs";
 var SUBCOMMANDS = {
-  new: () => import("./new-hvq0x91q.js").then((m) => m.default),
-  preview: () => import("./preview-d4s6gk6p.js").then((m) => m.default),
-  build: () => import("./build-6r502chw.js").then((m) => m.default),
-  publish: () => import("./publish-tkc26en7.js").then((m) => m.default),
-  lint: () => import("./lint-p2sw53d9.js").then((m) => m.default),
-  validate: () => import("./validate-w9vfefrw.js").then((m) => m.default),
-  audit: () => import("./audit-cvarpa72.js").then((m) => m.default),
-  preflight: () => import("./preflight-4j00yd0g.js").then((m) => m.default),
-  repair: () => import("./repair-2va4w12t.js").then((m) => m.default),
-  doctor: () => import("./doctor-akvxbtjb.js").then((m) => m.default),
-  plugin: () => import("./plugin-pssmk0dx.js").then((m) => m.default)
+  new: () => import("./new-4cdzfbsj.js").then((m) => m.default),
+  preview: () => import("./preview-k8n2kew7.js").then((m) => m.default),
+  build: () => import("./build-kdaet3pd.js").then((m) => m.default),
+  publish: () => import("./publish-jnhjp2vd.js").then((m) => m.default),
+  lint: () => import("./lint-p6a4bkvh.js").then((m) => m.default),
+  validate: () => import("./validate-prnybpkx.js").then((m) => m.default),
+  audit: () => import("./audit-7a37g51p.js").then((m) => m.default),
+  preflight: () => import("./preflight-r4y3f8f9.js").then((m) => m.default),
+  doctor: () => import("./doctor-vajd5h45.js").then((m) => m.default),
+  plugin: () => import("./plugin-a89tqspy.js").then((m) => m.default)
 };
 var VERSION = package_default.version;
 var main = defineCommand({
@@ -53,7 +52,7 @@ async function preflightRequiredInvocations(rawArgs) {
   const [command, ...commandArgs] = rawArgs;
   try {
     if (command === "new") {
-      const { newArgs } = await import("./new-hvq0x91q.js");
+      const { newArgs } = await import("./new-4cdzfbsj.js");
       rejectUnknownFlags(commandArgs, newArgs, "new");
       const parsed2 = parseArgs(commandArgs, {
         ...newArgs,
@@ -65,7 +64,7 @@ async function preflightRequiredInvocations(rawArgs) {
       return;
     }
     if (command === "preflight") {
-      const { preflightArgs } = await import("./preflight-4j00yd0g.js");
+      const { preflightArgs } = await import("./preflight-r4y3f8f9.js");
       rejectUnknownFlags(commandArgs, preflightArgs, "preflight");
       const parsed2 = parseArgs(commandArgs, {
         ...preflightArgs,
@@ -89,7 +88,7 @@ async function preflightRequiredInvocations(rawArgs) {
     if (subcommand !== "add") {
       throw new UsageError(`gutterpress plugin: unknown command "${subcommand}"`);
     }
-    const { pluginAddArgs } = await import("./plugin-pssmk0dx.js");
+    const { pluginAddArgs } = await import("./plugin-a89tqspy.js");
     rejectUnknownFlags(subcommandArgs, pluginAddArgs, "plugin add");
     const parsed = parseArgs(subcommandArgs, {
       ...pluginAddArgs,

package/dist/{doctor-akvxbtjb.js → doctor-vajd5h45.js}

@@ -1,12 +1,12 @@
 import {
   getSystemDiagnostics,
   log
-} from "./cli-cqtggsng.js";
+} from "./cli-mcb484g3.js";
 import {
   UsageError,
   rejectExtraPositionals,
   rejectUnknownFlags
-} from "./cli-149edp6b.js";
+} from "./cli-dx6sxj2t.js";
 import"./cli-c41yr7he.js";
 import"./cli-46ycxe6r.js";
 import"./cli-37x76zdn.js";

package/dist/{engine-b159tbns.js → engine-0nt35svz.js}

@@ -1,13 +1,13 @@
 import {
   build
-} from "./index-wq3r5pj7.js";
+} from "./index-kvgq4q3q.js";
 import {
   BuildError,
   RENDER_TIMEOUT_MS,
   assertMilestone,
   connectChromium,
   getBrowser
-} from "./index-ycpvr0am.js";
+} from "./index-b2rqw41a.js";
 import"./index-37x76zdn.js";
 
 // src/lib/engine.ts

package/dist/{engine-ft4cr3ep.js → engine-gkcqdye5.js}

@@ -4,7 +4,7 @@ import {
   build,
   connectChromium,
   getBrowser
-} from "./cli-zfcryxg8.js";
+} from "./cli-ak1tagkr.js";
 import"./cli-c41yr7he.js";
 import {
   BuildError

package/dist/{gutterpress-viewer-te8g5grx.js → gutterpress-viewer-tma1qwz2.js}

@@ -29,11 +29,11 @@
     pageRangeOf: () => pageRangeOf,
     pageOf: () => pageOf,
     measure: () => measure,
+    makeOverflowFragmentable: () => makeOverflowFragmentable,
     loadStyleSources: () => loadStyleSources,
     injectViewerCss: () => injectViewerCss,
     injectBreakMapping: () => injectBreakMapping,
     fragmentDocument: () => fragmentDocument,
-    forcedColumnBreaksSupported: () => forcedColumnBreaksSupported,
     contentEdgeRect: () => contentEdgeRect,
     compensateTrailingMarginsBeforeAvoids: () => compensateTrailingMarginsBeforeAvoids,
     compensateRepeatedHeaders: () => compensateRepeatedHeaders,
@@ -1048,15 +1048,10 @@
     doc.getElementById("gp-break-mapping")?.remove();
     return "";
   }
-  function forcedColumnBreaksSupported() {
-    return typeof CSS !== "undefined" && typeof CSS.supports === "function" && CSS.supports("break-before", "column") && CSS.supports("break-after", "column");
-  }
   var FRAGMENT_EPSILON_PX = 1;
   function contentEdgeRect(site, atEnd) {
     const rects = Array.from(site.getClientRects());
-    const solid = rects.filter((r) => r.height >= FRAGMENT_EPSILON_PX);
-    const pool = solid.length ? solid : rects;
-    return atEnd ? pool.at(-1) : pool[0];
+    return atEnd ? rects.at(-1) : rects[0];
   }
   function columnReserve(offset, columnHeight) {
     const remaining = columnHeight - offset;
@@ -1116,13 +1111,12 @@
         continue;
       const stripTop = strip.getBoundingClientRect().top;
       const edge = prop === "break-after" ? rect.bottom : rect.top;
-      const reserve = columnReserve((edge - stripTop) / cssZoomOf(strip), strip.clientHeight);
-      if (reserve === null)
+      if (columnReserve((edge - stripTop) / cssZoomOf(strip), strip.clientHeight) === null)
         continue;
       const spacer = document.createElement("div");
       spacer.className = "gp-column-break-spacer";
       spacer.setAttribute("aria-hidden", "true");
-      spacer.style.cssText = `height:${reserve}px;margin:0;padding:0;border:0;`;
+      spacer.style.cssText = `${prop}: column; height:0; margin:0; padding:0; border:0;`;
       if (prop === "break-after")
         el.after(spacer);
       else
@@ -1280,6 +1274,47 @@
       delete el.dataset.gpLeadingPageRootDisplayPriority;
     }
   }
+  var SCROLLABLE = /^(auto|scroll|hidden)$/;
+  function makeOverflowFragmentable(strips) {
+    const todo = [];
+    for (const strip of strips) {
+      for (const el of Array.from(strip.el.querySelectorAll("*"))) {
+        const cs = getComputedStyle(el);
+        const x = SCROLLABLE.test(cs.overflowX);
+        const y = SCROLLABLE.test(cs.overflowY);
+        if (x || y)
+          todo.push({ el, x, y });
+      }
+    }
+    for (const { el, x, y } of todo) {
+      el.dataset.gpOverflow = "clipped";
+      el.dataset.gpOverflowX = el.style.getPropertyValue("overflow-x");
+      el.dataset.gpOverflowY = el.style.getPropertyValue("overflow-y");
+      el.dataset.gpOverflowXPriority = el.style.getPropertyPriority("overflow-x");
+      el.dataset.gpOverflowYPriority = el.style.getPropertyPriority("overflow-y");
+      if (x)
+        el.style.setProperty("overflow-x", "clip");
+      if (y)
+        el.style.setProperty("overflow-y", "clip");
+    }
+  }
+  function restoreScrollContainers(doc = document) {
+    for (const el of Array.from(doc.querySelectorAll('[data-gp-overflow="clipped"]'))) {
+      for (const axis of ["x", "y"]) {
+        const value = axis === "x" ? el.dataset.gpOverflowX : el.dataset.gpOverflowY;
+        const priority = axis === "x" ? el.dataset.gpOverflowXPriority : el.dataset.gpOverflowYPriority;
+        if (value)
+          el.style.setProperty(`overflow-${axis}`, value, priority || "");
+        else
+          el.style.removeProperty(`overflow-${axis}`);
+      }
+      delete el.dataset.gpOverflow;
+      delete el.dataset.gpOverflowX;
+      delete el.dataset.gpOverflowY;
+      delete el.dataset.gpOverflowXPriority;
+      delete el.dataset.gpOverflowYPriority;
+    }
+  }
   function compensateTrailingMarginsBeforeAvoids(model, strips) {
     const candidates = new Set;
     for (const decl of model.breaks) {
@@ -1555,11 +1590,15 @@
     for (const [i, site] of sites.entries()) {
       if (!plan[i])
         continue;
-      const spacer = document.createElement("div");
-      spacer.className = "gp-recto-spacer";
-      spacer.setAttribute("aria-hidden", "true");
-      spacer.style.cssText = "break-before: column; break-after: column; height: 0; margin: 0; padding: 0; border: 0;";
-      site.el.before(spacer);
+      const leading = site.el.previousElementSibling;
+      const need = leading?.classList.contains("gp-column-break-spacer") ? 1 : 2;
+      for (let n = 0;n < need; n++) {
+        const spacer = document.createElement("div");
+        spacer.className = "gp-recto-spacer";
+        spacer.setAttribute("aria-hidden", "true");
+        spacer.style.cssText = "break-before: column; height: 0; margin: 0; padding: 0; border: 0;";
+        site.el.before(spacer);
+      }
       inserted++;
     }
     return inserted;
@@ -1713,6 +1752,7 @@
     const authoring = [];
     const strips = buildStrips(model, opts, authoring);
     await layoutReady;
+    makeOverflowFragmentable(strips);
     stabilizeFullHeightPageRoots(model, strips);
     compensateTrailingMarginsBeforeAvoids(model, strips);
     synthesizeColumnBreaks(model);
@@ -1735,12 +1775,14 @@
       relayout: () => {
         restoreFullHeightPageRoots();
         restoreTrailingMargins();
+        restoreScrollContainers();
         unwrapStrips(strips);
         for (const spacer of Array.from(document.querySelectorAll(".gp-recto-spacer")))
           spacer.remove();
         const rebuilt = buildStrips(model, opts, authoring);
         strips.length = 0;
         strips.push(...rebuilt);
+        makeOverflowFragmentable(strips);
         stabilizeFullHeightPageRoots(model, strips);
         compensateTrailingMarginsBeforeAvoids(model, strips);
         synthesizeColumnBreaks(model);