@react-x11/components 0.10.0 → 0.11.0

package/dist/html/css/ua.js

@@ -40,8 +40,11 @@ export function uaStylesheet(look) {
     return sheet;
 }
 /**
- * Margins are in `em` throughout, so a document that sets `font-size` on
- * `body` scales its whitespace with its text the way a browser's does.
+ * Margins above and below are in `em`, so a document that sets `font-size`
+ * on `body` scales its whitespace with its text the way a browser's does.
+ * The indents of lists, definitions and figures are the HTML standard's
+ * 40px (15.3.3, 15.3.8), whatever the size: a list in a 10px sidebar is
+ * indented as far as one in the body.
  */
 function uaText(look) {
     const mono = look.monoFamily;
@@ -77,7 +80,7 @@ h4 { font-size: 1em;    font-weight: bold; margin: 1.33em 0; }
 h5 { font-size: 0.83em; font-weight: bold; margin: 1.67em 0; }
 h6 { font-size: 0.67em; font-weight: bold; margin: 2.33em 0; }
 
-ul, ol { margin: 1em 0; padding-left: 2.5em; }
+ul, ol { margin: 1em 0; padding-left: 40px; }
 ul { list-style-type: disc; }
 ol { list-style-type: decimal; }
 ol, ul, menu, dir { counter-reset: list-item; }
@@ -88,7 +91,7 @@ ul ul ul, ol ol ul, ul ol ul, ol ul ul { list-style-type: square; }
 ul ul, ul ol, ol ul, ol ol { margin: 0; }
 
 dl { margin: 1em 0; }
-dd { margin-left: 2.5em; }
+dd { margin-left: 40px; }
 dt { font-weight: bold; }
 
 blockquote {
@@ -146,7 +149,7 @@ img { display: inline-block; }
 iframe { border: 2px inset; }
 /* a poster is drawn within the video's box at its own ratio (HTML 15.4.1) */
 video { object-fit: contain; }
-figure { margin: 1em 2.5em; }
+figure { margin: 1em 40px; }
 
 table { display: table; border-collapse: separate; border-spacing: 2px; box-sizing: border-box; }
 caption { display: table-caption; text-align: center; }

package/dist/html/css/ua.js.map

@@ -1 +1 @@
-{"version":3,"file":"ua.js","sourceRoot":"","sources":["../../../src/html/css/ua.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,EAAE;AACF,2EAA2E;AAC3E,0EAA0E;AAC1E,6EAA6E;AAC7E,4EAA4E;AAC5E,wEAAwE;AACxE,yEAAyE;AACzE,2EAA2E;AAC3E,wBAAwB;AACxB,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAI7C;mEACmE;AACnE,MAAM,KAAK,GAAG,IAAI,GAAG,EAAsB,CAAC;AAE5C,MAAM,UAAU,OAAO,CAAC,IAAc;IACpC,OAAO;QACL,IAAI,CAAC,KAAK;QACV,IAAI,CAAC,UAAU;QACf,IAAI,CAAC,QAAQ;QACb,IAAI,CAAC,UAAU;QACf,IAAI,CAAC,SAAS;QACd,IAAI,CAAC,WAAW;QAChB,IAAI,CAAC,UAAU;QACf,IAAI,CAAC,UAAU;QACf,IAAI,CAAC,OAAO;QACZ,IAAI,CAAC,WAAW;QAChB,IAAI,CAAC,aAAa;QAClB,IAAI,CAAC,aAAa;KACnB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,IAAc;IACzC,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC3B,IAAI,GAAG;QAAE,OAAO,GAAG,CAAC;IACpB,MAAM,KAAK,GAAG,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IACxD,IAAI,KAAK,CAAC,IAAI,GAAG,CAAC;QAAE,KAAK,CAAC,KAAK,EAAE,CAAC;IAClC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACtB,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;GAGG;AACH,SAAS,MAAM,CAAC,IAAc;IAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;IAC7B,OAAO;;;;;;;;;;;;;;;;;;;;;;gBAsBO,IAAI,CAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA2BC,IAAI,CAAC,WAAW;WAChC,IAAI,CAAC,UAAU;;;;;iBAKT,IAAI;;;;;;;qCAOgB,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;mBAyBtB,IAAI,CAAC,SAAS;;;;;0BAKP,IAAI,CAAC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAqCzB,IAAI,CAAC,UAAU;;;;;;;;;;;;;;;;;aAiBnB,IAAI,CAAC,WAAW;YACjB,IAAI,CAAC,aAAa,YAAY,IAAI,CAAC,WAAW;mBACvC,IAAI,CAAC,aAAa;sBACf,IAAI,CAAC,OAAO;WACvB,IAAI,CAAC,KAAK;;;;4BAIO,IAAI,CAAC,UAAU;;4EAEiC,IAAI,CAAC,WAAW;;;;;;;;;;;CAW3F,CAAC;AACF,CAAC"}
+{"version":3,"file":"ua.js","sourceRoot":"","sources":["../../../src/html/css/ua.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,EAAE;AACF,2EAA2E;AAC3E,0EAA0E;AAC1E,6EAA6E;AAC7E,4EAA4E;AAC5E,wEAAwE;AACxE,yEAAyE;AACzE,2EAA2E;AAC3E,wBAAwB;AACxB,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAI7C;mEACmE;AACnE,MAAM,KAAK,GAAG,IAAI,GAAG,EAAsB,CAAC;AAE5C,MAAM,UAAU,OAAO,CAAC,IAAc;IACpC,OAAO;QACL,IAAI,CAAC,KAAK;QACV,IAAI,CAAC,UAAU;QACf,IAAI,CAAC,QAAQ;QACb,IAAI,CAAC,UAAU;QACf,IAAI,CAAC,SAAS;QACd,IAAI,CAAC,WAAW;QAChB,IAAI,CAAC,UAAU;QACf,IAAI,CAAC,UAAU;QACf,IAAI,CAAC,OAAO;QACZ,IAAI,CAAC,WAAW;QAChB,IAAI,CAAC,aAAa;QAClB,IAAI,CAAC,aAAa;KACnB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,IAAc;IACzC,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC3B,IAAI,GAAG;QAAE,OAAO,GAAG,CAAC;IACpB,MAAM,KAAK,GAAG,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IACxD,IAAI,KAAK,CAAC,IAAI,GAAG,CAAC;QAAE,KAAK,CAAC,KAAK,EAAE,CAAC;IAClC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACtB,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;GAMG;AACH,SAAS,MAAM,CAAC,IAAc;IAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;IAC7B,OAAO;;;;;;;;;;;;;;;;;;;;;;gBAsBO,IAAI,CAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA2BC,IAAI,CAAC,WAAW;WAChC,IAAI,CAAC,UAAU;;;;;iBAKT,IAAI;;;;;;;qCAOgB,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;mBAyBtB,IAAI,CAAC,SAAS;;;;;0BAKP,IAAI,CAAC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAqCzB,IAAI,CAAC,UAAU;;;;;;;;;;;;;;;;;aAiBnB,IAAI,CAAC,WAAW;YACjB,IAAI,CAAC,aAAa,YAAY,IAAI,CAAC,WAAW;mBACvC,IAAI,CAAC,aAAa;sBACf,IAAI,CAAC,OAAO;WACvB,IAAI,CAAC,KAAK;;;;4BAIO,IAAI,CAAC,UAAU;;4EAEiC,IAAI,CAAC,WAAW;;;;;;;;;;;CAW3F,CAAC;AACF,CAAC"}

package/dist/html/layout/block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../src/html/layout/block.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../src/html/layout/block.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAEV,aAAa,EACb,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AAUzB,OAAO,EAEL,GAAG,EAWJ,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EACV,OAAO,EACP,eAAe,EAMhB,MAAM,YAAY,CAAC;AAUpB,OAAO,KAAK,EAAE,SAAS,EAA+B,MAAM,aAAa,CAAC;AAO1E,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oEAAoE;IACpE,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACzC;uCACmC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;gCAC4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB;yEACqE;IACrE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;+EAE2E;IAC3E,UAAU,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC;QAAC,UAAU,EAAE,GAAG,CAAA;KAAE,EAAE,CAAC;IAC5C;;;;;;;;;;OAUG;IACH,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7C;kCAC8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;sDACkD;IAClD,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CACtB;AAED;;;;;GAKG;AACH,UAAU,KAAK;IACb,gCAAgC;IAChC,GAAG,EAAE,GAAG,CAAC;IACT,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb;oDACgD;IAChD,IAAI,EAAE,OAAO,CAAC;IACd;;;;;;OAMG;IACH,GAAG,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;CAC7D;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAED,6CAA6C;AAC7C,wBAAgB,cAAc,CAC5B,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,SAAS,GAAG,IAAI,EACvB,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,MAAM,GACrB,YAAY,CAoGd;AA2wCD;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,aAAa,EAClB,eAAe,EAAE,MAAM,GACtB,IAAI,CAMN;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAEnC;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,qBAAqB,CACnC,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,aAAa,EAClB,SAAS,EAAE,MAAM,EACjB,OAAO,UAAQ,GACd,MAAM,CAOR;AAkVD;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAoBlD;AAED;8EAC8E;AAC9E,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAyBlD;AAsFD;;;;;GAKG;AACH,eAAO,MAAM,aAAa,sBAA6B,CAAC;AAwBxD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,GAAG,IAAI,CASnD;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,GAAG,IAAI,CAO5E;AAED;qDACqD;AACrD,wBAAgB,eAAe,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAGvE;AAED;6DAC6D;AAC7D,wBAAgB,aAAa,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAK9C;AAED;;YAEY;AACZ,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAMzE;AAED;iCACiC;AACjC,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAMzE;AAED;qDACqD;AACrD,wBAAgB,eAAe,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAOtE;AAcD;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,GAAG,IAAI,CAalD;AAyCD;4EAC4E;AAC5E,eAAO,MAAM,YAAY,sBAA6B,CAAC;AAiDvD,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CA+B5D;AAsFD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAmBhE;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,MAAM,GACtB,MAAM,CAiBR;AAED;sEACsE;AACtE,wBAAgB,UAAU,CACxB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,MAAM,EACb,eAAe,EAAE,MAAM,EACvB,GAAG,CAAC,EAAE,aAAa;AACnB;sCACsC;AACtC,IAAI,SAAkB,GACrB,MAAM,CA4BR;AAiBD;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,aAAa,EAClB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,GAClB,MAAM,CAgCR;AAqID;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAIzE;AA6GD;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAwG/C;AAg0BD;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,GAAG,EACV,SAAS,EAAE,GAAG,EACd,GAAG,EAAE,aAAa,EAClB,IAAI,EAAE,OAAO,GACZ,IAAI,CA0BN;AAmED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAazD;AAED,uEAAuE;AACvE,wBAAgB,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAO3D;AAED;4EAC4E;AAC5E,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAGtD;AA6BD;;iEAEiE;AACjE,wBAAgB,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,GAAG,IAAI,CAiDpE;AAyCD;+DAC+D;AAC/D,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CA8BhD;AAED;;uEAEuE;AACvE,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAuBnD;AAED;sEACsE;AACtE,wBAAgB,WAAW,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAEzD"}

package/dist/html/layout/block.js

@@ -13,7 +13,7 @@
 import { AUTO, gapOf, isPct, isTransparent, resolve, resolveOrNull, } from '../css/values.js';
 import { CONTAIN_INLINE_SIZE, CONTAIN_LAYOUT, CONTAIN_PAINT, CONTAIN_SIZE, scrolls, } from '../css/style.js';
 import { lineOf, spanToName } from './grid-lines.js';
-import { BOX_RAISES, Box, CLAMPED, CUT_BLOCKS, GRID_TRACKS, FIRST_LINE, INLINE_OFFSETS, LINE_BOX_RAISES, SHIFTED_LINES, TEXT_SHIFTS, isBlank, } from './boxes.js';
+import { BOX_RAISES, Box, CLAMPED, CUT_BLOCKS, GRID_TRACKS, FIRST_LINE, INLINE_OFFSETS, MOVED_OFF_LINES, LINE_BOX_RAISES, SHIFTED_LINES, TEXT_SHIFTS, isBlank, } from './boxes.js';
 import { FloatContext } from './floats.js';
 import { faceExtentOf, layoutInline, lineHeightMultiplier, spaceBreaksOnly, strutOf, widestWord, } from './inline.js';
 import { layoutFlex } from './flex.js';
@@ -47,7 +47,9 @@ export function layoutDocument(tree, fonts, viewportWidth, viewportHeight) {
     // there — or `<p>hi</p>` would stand 8px lower than the same paragraph in
     // `<body>`.
     resolveEdges(root, viewportWidth);
+    const body = fragmentBodyHeight(tree, viewportHeight);
     const leading = root.marginTop;
+    const trailing = root.marginBottom;
     root.padRight += root.marginRight;
     root.padBottom += root.marginBottom;
     root.padLeft += root.marginLeft;
@@ -55,13 +57,15 @@ export function layoutDocument(tree, fonts, viewportWidth, viewportHeight) {
     root.marginRight = 0;
     root.marginBottom = 0;
     root.marginLeft = 0;
+    if (body)
+        handPercentBase(root, body.inner);
     const contentWidth = Math.max(0, viewportWidth - root.horizontalExtra);
     const floats = new FloatContext(root.contentX, root.contentX + contentWidth);
     // the initial containing block is the viewport's size, which a percentage
     // height on the root element resolves against (CSS 2.1 10.1, 10.5); a
     // fragment has no root element, and the box standing in for its body has
     // the body's `auto` height to give
-    let readsViewportHeight = false;
+    let readsViewportHeight = body?.viewport === true;
     for (const child of root.children) {
         if (child.el?.name !== 'html')
             continue;
@@ -75,7 +79,9 @@ export function layoutDocument(tree, fonts, viewportWidth, viewportHeight) {
     }
     const flow = layoutChildren(root, ctx, floats, root.contentY, contentWidth, leading);
     const floatBottom = floats.bottom === -Infinity ? 0 : floats.bottom - root.contentY;
-    root.height = Math.max(flow.height, floatBottom) + root.verticalExtra;
+    root.height = body
+        ? leading + body.outer + trailing
+        : Math.max(flow.height, floatBottom) + root.verticalExtra;
     // Positioned boxes last, and in the order they were found, so a later one
     // can be positioned against an earlier one's resolved rectangle.
     for (let i = 0; i < ctx.positioned.length; i += 1) {
@@ -106,6 +112,37 @@ export function layoutDocument(tree, fonts, viewportWidth, viewportHeight) {
         readsViewportHeight: readsViewportHeight || ctx.readViewportHeight === true,
     };
 }
+/**
+ * How tall the body a fragment's root box stands in for says it is, where
+ * that is definite (CSS 2.1 10.5): a length, `100vh` among them, or a
+ * percentage of the `<html>` implied around it where that has a height of
+ * its own — a length, or a percentage of the viewport, as `html, body {
+ * height: 100% }` fills a window. Its border box, and its content box,
+ * which what it holds takes its percentages of; `viewport` where the
+ * answer read the viewport's height. Null where the document has an
+ * `<html>` or a `<body>`, and where the body's height is `auto`, and the
+ * box is as tall as what is in it. Measured before its margins are folded
+ * into its padding.
+ */
+function fragmentBodyHeight(tree, viewportHeight) {
+    const html = tree.impliedHtml;
+    if (!html)
+        return null;
+    const root = tree.root;
+    const style = root.style;
+    const base = resolveOrNull(html.height, viewportHeight);
+    const set = resolveOrNull(style.height, base ?? NaN);
+    if (set === null)
+        return null;
+    root.percentHeightBase = base ?? NaN;
+    const extra = root.verticalExtra;
+    const outer = clampHeight(root, style.boxSizing === 'border-box' ? Math.max(set, extra) : set + extra);
+    return {
+        outer,
+        inner: Math.max(0, outer - extra),
+        viewport: isPct(style.height) && isPct(html.height),
+    };
+}
 /** No margin at all, shared: most joins leave a strut as it was. */
 const NO_MARGIN = Object.freeze({ pos: 0, neg: 0 });
 /** One margin, as a strut to collapse others with. */
@@ -533,6 +570,8 @@ function layoutChildren(box, ctx, floats, contentTop, contentWidth, leading = 0)
     // this box's first formatted line is its first child's in flow (CSS 2.1
     // 5.12.1), which its `::first-line` is handed to
     let firstLine = ctx.firstLine ? firstLineOf(box) : null;
+    // and the room a list item's marker takes on it (`MARKER_ROOM`)
+    let marked = MARKER_ROOM.get(box) ?? null;
     const clamp = ctx.clamp ?? null;
     for (const child of box.children) {
         if (child.kind === 'text' && isBlank(child.text))
@@ -552,6 +591,10 @@ function layoutChildren(box, ctx, floats, contentTop, contentWidth, leading = 0)
                 HANDED.set(child, firstLine);
             firstLine = null;
         }
+        if (marked && !child.outOfFlow && !child.isFloat) {
+            MARKER_ROOM.set(child, marked);
+            marked = null;
+        }
         if (child.outOfFlow) {
             placeStatic(child, box, contentLeft, contentWidth, y + marginOf(pendingMargin));
             ctx.positioned.push({
@@ -663,11 +706,14 @@ function layoutChildren(box, ctx, floats, contentTop, contentWidth, leading = 0)
     // escapes, and the caller merges it into the box's own bottom margin so
     // the next sibling still sees it. Dropping it here was the bug that made
     // `<div><p>…</p></div><p>…</p>` set the two paragraphs solid.
+    // A percentage of a height that depends on content computes to `auto`
+    // (CSS 2.1 10.5), and lets it through as `auto` does: a `height: 100%`
+    // wrapper in an `auto` body kept its last child's margin inside it
     if (!first &&
         !cleared &&
         !box.borderBottom &&
         !box.padBottom &&
-        box.style.height === AUTO &&
+        specifiedHeight(box) === null &&
         !establishesBFC(box)) {
         const height = y - contentTop;
         // A minimum height that makes the box taller parts the margin from its
@@ -812,6 +858,7 @@ function layoutInlineContent(box, ctx, floats, contentTop, contentWidth, content
         floats,
         originX: contentLeft,
         clipText: ctx.clipText,
+        firstStrut: MARKER_ROOM.get(box),
         floatBoxes: floated
             ? {
                 size: (child) => sizeFloat(child, ctx, contentWidth),
@@ -997,7 +1044,8 @@ function makesNothing(box) {
     return true;
 }
 /** Whether a `::first-line` style sets its line's text otherwise than its
- *  block's: in another face, size or line height, or spaced apart. */
+ *  block's: in another face, size or line height, spaced apart, or in
+ *  capitals. */
 function setsFonts(line, block) {
     return (line.fontFamily !== block.fontFamily ||
         line.fontSize !== block.fontSize ||
@@ -1011,7 +1059,8 @@ function setsFonts(line, block) {
         line.fontVariantLigatures !== block.fontVariantLigatures ||
         line.fontVariantPosition !== block.fontVariantPosition ||
         line.fontKerning !== block.fontKerning ||
-        line.fontFeatureSettings !== block.fontFeatureSettings);
+        line.fontFeatureSettings !== block.fontFeatureSettings ||
+        line.textTransform !== block.textTransform);
 }
 /** `::first-line` styles handed down to the first child in flow of a box
  *  that has one, whose first line is the box's (`layoutChildren`). */
@@ -1342,13 +1391,28 @@ function layoutBox(box, ctx, borderBoxWidth, x, y, outerFloats) {
     // the line a pass before gave a marker, which this one may not
     if (box.marker)
         box.lines = null;
+    if (box.marker && ctx.fonts) {
+        const room = markerRoom(box, box.marker, ctx.fonts);
+        if (room)
+            MARKER_ROOM.set(box, room);
+        else
+            MARKER_ROOM.delete(box);
+    }
     const flow = layoutChildren(box, ctx, floats, box.contentY, contentWidth);
     // A list item with a marker and no line holds one, the marker's, a line
     // of its own face tall: an empty `<li>` is a line tall in a browser, and
     // an inline-block around one sits on its marker's baseline.
     let height = flow.height;
     if (box.marker && ctx.fonts && !firstLineIn(box)) {
-        const strut = strutOf(ctx.fonts, box.style);
+        const own = strutOf(ctx.fonts, box.style);
+        // as tall as the marker on it, as a first line with text is
+        const room = MARKER_ROOM.get(box);
+        const strut = room
+            ? {
+                ascent: Math.max(own.ascent, room.ascent),
+                descent: Math.max(own.descent, room.descent),
+            }
+            : own;
         const line = strut.ascent + strut.descent;
         box.lines = [
             {
@@ -1390,6 +1454,27 @@ function layoutBox(box, ctx, borderBoxWidth, x, y, outerFloats) {
     if (box.marker)
         layoutMarker(box, box.marker, ctx);
 }
+/**
+ * The room a list item's marker takes about its first line's baseline,
+ * handed to the box that line is in: an image's height above it, its
+ * bottom on the baseline as an inline image's is, and a marker in a face
+ * of its own — a `::marker` rule's — its face at its line height. CSS 2.1
+ * (12.5.1) leaves where an outside marker goes to the user agent; Blink
+ * and Gecko both set it on the item's first line and make the line as tall
+ * as it, and design 032's bullets, images taller than its 10px text, set
+ * every item's first line lower than ours did.
+ */
+const MARKER_ROOM = new WeakMap();
+function markerRoom(box, marker, fonts) {
+    if (marker.image) {
+        return marker.image.height > 0
+            ? { ascent: marker.image.height, descent: 0 }
+            : null;
+    }
+    return marker.style && marker.style !== box.style
+        ? strutOf(fonts, marker.style)
+        : null;
+}
 /** The first line box anywhere under a box, in layout order. */
 function firstLineIn(box) {
     if (box.lines?.length)
@@ -3371,15 +3456,21 @@ export function applyRelativeOffsets(box) {
     if (transformed(style) && box.kind !== 'inline') {
         // a transform moves the box it is on, and an inline box is none
         const [dx, dy] = translationOf(box);
-        if (dx || dy)
+        if (dx || dy) {
             translate(box, dx, dy);
+            movedOffLine(box);
+        }
     }
     if (style.position !== 'relative' && style.position !== 'sticky')
         return;
     const [dx, dy] = relativeOffset(box);
+    if (!(dx || dy))
+        return;
     translate(box, dx, dy);
-    if (box.kind !== 'inline' || !(dx || dy))
+    if (box.kind !== 'inline') {
+        movedOffLine(box);
         return;
+    }
     offsetInline(box, dx, dy);
     // the blocks it was broken around move with it (9.2.1.1)
     const blocks = box.cut ? CUT_BLOCKS.get(box) : undefined;
@@ -3450,9 +3541,36 @@ function offsetInline(box, dx, dy) {
                 y: (was?.y ?? 0) + dy,
             });
             SHIFTED_LINES.add(line);
+            markMovedOff(lines, line);
         }
     }
 }
+/** Mark the line an inline-block or an image a box moved off was placed
+ *  on, where it was on one: the line stays, and the box is drawn where it
+ *  went (`MOVED_OFF_LINES`). */
+function movedOffLine(box) {
+    let block = box.parent;
+    while (block && block.kind === 'inline')
+        block = block.parent;
+    const lines = block?.lines;
+    if (!lines)
+        return;
+    for (const line of lines) {
+        for (const placed of line.atomics) {
+            if (placed.box !== box)
+                continue;
+            markMovedOff(lines, line);
+            return;
+        }
+    }
+}
+function markMovedOff(lines, line) {
+    const moved = MOVED_OFF_LINES.get(lines);
+    if (moved)
+        moved.add(line);
+    else
+        MOVED_OFF_LINES.set(lines, new Set([line]));
+}
 /** Whether `inner` is `outer` or inside it. */
 function holds(outer, inner) {
     for (let at = inner; at; at = at.parent) {