monowind 0.2.10 → 0.2.12

package/src/styles.css

@@ -154,7 +154,7 @@
    * despite `pointer-events: none`, and would show an arrow there.
    * Interactives keep their own (UA and authored cursors win). */
   mono-wind[select="grid"]
-    :is([data-mw-laid-out], [data-mw-flow]):not(
+    :is([data-mw-laid-out], [data-mw-flow], [data-mw-float]):not(
       a,
       button,
       input,
@@ -278,10 +278,9 @@ mono-wind:not([data-mw-ready]) {
  * invisible: every field, as some engines keep an OS default background
  * when only `color` is set, and Safari's text-shadow ink. Shadow scopes
  * can't share the rule: element.ts (the slot) and @monowind/ascii's
- * transcript restate it — update all three together. Form controls
- * render their own text and keep their native highlight; forced
- * colors paint selections themselves and strip backgrounds, so the
- * native highlight stays there. */
+ * transcript restate it — update all three together. Forced colors
+ * paint selections themselves and strip backgrounds, so the native
+ * highlight stays there. */
 @media (forced-colors: none) {
   mono-wind:not([measuring])[data-mw-leaf]::selection,
   mono-wind:not([measuring])
@@ -290,6 +289,16 @@ mono-wind:not([data-mw-ready]) {
     text-shadow: none !important;
     background: transparent !important;
   }
+  /* An editable renders its own text, and Chromium and WebKit hand it
+   * its parent's `::selection` (css-pseudo-4 highlight inheritance —
+   * transparent, from the rule above): its own rule swaps its colors as
+   * the grid swaps a selected cell's, from the ink and ground the engine
+   * measured and wrote on it (render.ts). */
+  mono-wind:not([measuring])
+    :where(input, textarea, select, [contenteditable], [contenteditable] *)::selection {
+    color: var(--mw-ground, var(--mw-bg, canvas));
+    background: var(--mw-ink, var(--mw-fg, canvastext));
+  }
 }
 
 /* === Typography locks and measuring gates ============================ */
@@ -363,6 +372,9 @@ mono-wind:not([measuring]) * {
    * bg-* and focus-invert both make it into the grid paint. */
   background-color: transparent !important;
   text-shadow: none !important;
+  /* Shadows paint in the grid as shades (specs/box-shadow.md), read
+   * during [measuring] like backgrounds. */
+  box-shadow: none !important;
   /* Inline-element horizontal padding, quantized: the engine writes
    * `--mw-ipl`/`--mw-ipr` (whole cells) on inline elements whose authored
    * padding it reserved in the run; everything else gets 0, so raw
@@ -456,8 +468,10 @@ mono-wind:not([measuring]) [data-mw-nowrap][data-mw-clip] {
  * position:absolute (out of flow), so nothing consumes them anyway. */
 mono-wind:not([measuring]) [data-mw-laid-out] {
   position: absolute !important;
-  left: calc(var(--mw-x, 0) * var(--mw-cw, 1px)) !important;
-  top: calc(var(--mw-y, 0) * var(--mw-ch, 1px)) !important;
+  /* A sticky box's shift for the scroll rides beside its position
+   * (specs/sticky.md). */
+  left: calc((var(--mw-x, 0) + var(--mw-sx, 0)) * var(--mw-cw, 1px)) !important;
+  top: calc((var(--mw-y, 0) + var(--mw-sy, 0)) * var(--mw-ch, 1px)) !important;
   /* Neutralize the browser's residual grid machinery (specs/grid.md).
    * grid-area: per CSS §10.1 an ABSOLUTE child of a grid container with
    * placement properties uses its grid area as containing block — our
@@ -486,8 +500,15 @@ mono-wind:not([measuring]) [data-mw-laid-out] {
 mono-wind:not([measuring]) [data-mw-laid-out],
 mono-wind:not([measuring]) [data-mw-inline-box],
 mono-wind:not([measuring]) [data-mw-multicol-flow-span],
-mono-wind:not([measuring]) [data-mw-flow] {
+mono-wind:not([measuring]) [data-mw-flow],
+mono-wind:not([measuring]) [data-mw-float] {
   box-sizing: border-box !important;
+  /* A sticky shift (specs/sticky.md) belongs to the box the engine wrote
+   * it on: custom properties inherit, so every box resets them and only
+   * the engine's inline value — which beats an unimportant rule — moves
+   * a box. */
+  --mw-sx: 0;
+  --mw-sy: 0;
   /* Trailing-gap allowance: a tracked box's lines end with a phantom
    * `--mw-ls`-cell gap the engine doesn't count. Give the content box that
    * room by carving it out of the engine-owned right padding/border cells;
@@ -541,6 +562,10 @@ mono-wind:not([measuring]) [data-mw-flow] {
  * line) — a box taller than one row grows its line, per CSS. */
 mono-wind:not([measuring]) [data-mw-inline-box] {
   position: relative !important;
+  /* A sticky inline box's shift for the scroll (specs/sticky.md); the
+   * vars are absent otherwise. */
+  top: calc(var(--mw-sy, 0) * var(--mw-ch, 1px)) !important;
+  left: calc(var(--mw-sx, 0) * var(--mw-cw, 1px)) !important;
   vertical-align: top !important;
   /* Same half-leading cancellation as laid-out elements — without it
    * an inline box's NATIVE ink (a textarea's value under leading-*)
@@ -625,7 +650,8 @@ mono-wind:not([measuring]) [data-mw-multicol-flow] {
 mono-wind:not([measuring])[data-mw-leaf],
 mono-wind:not([measuring]) [data-mw-laid-out],
 mono-wind:not([measuring]) [data-mw-multicol-flow],
-mono-wind:not([measuring]) [data-mw-flow] {
+mono-wind:not([measuring]) [data-mw-flow],
+mono-wind:not([measuring]) [data-mw-float] {
   text-indent: calc(var(--mw-ti, 0) * var(--mw-cw, 1px)) !important;
 }
 
@@ -638,6 +664,7 @@ mono-wind:not([measuring]) [data-mw-flow] {
  * block for their absolutized descendants (a transformed box contains
  * them like a positioned one). */
 mono-wind:not([measuring]) [data-mw-flow],
+mono-wind:not([measuring]) [data-mw-float],
 mono-wind:not([measuring]) [data-mw-multicol-flow-span] {
   position: static !important;
   margin-top: calc(var(--mw-mt, 0) * var(--mw-ch, 1px)) !important;
@@ -649,12 +676,36 @@ mono-wind:not([measuring]) [data-mw-multicol-flow-span] {
 mono-wind:not([measuring]) [data-mw-multicol-flow-span] {
   column-span: all !important;
 }
-/* A flow child's own formatting context: its first child's top margin
- * stays inside it, where the engine put that child (the shadow slot
- * does the same for the host's, element.ts). */
-mono-wind:not([measuring]) [data-mw-flow] {
+/* A formatting-context root among flow children — a container, or a leaf
+ * CSS makes one — keeps its own: its first child's top margin stays
+ * inside it, where the engine put that child (the shadow slot does the
+ * same for the host's, element.ts), and it steps aside from a float
+ * rather than passing under (specs/float.md). */
+mono-wind:not([measuring]) [data-mw-flow="box"] {
   contain: layout !important;
 }
+/* A float (specs/float.md): the browser floats the engine's box, and
+ * the lines of the leaf flow children beside it shorten as the engine
+ * shortened them, while a root flow child steps aside as the engine
+ * placed it. Both margin boxes take part in the browser's fit — a
+ * float's is the exclusion, a root's must not overlap one — so each
+ * gives back the shared rule's widening on its right margin: the
+ * tracking allowance and, as a quarter pixel, the layout-unit headroom.
+ * A root or a later float that fits the engine's band exactly then
+ * fits natively too, and a line beside a float keeps its headroom. */
+mono-wind:not([measuring]) [data-mw-float],
+mono-wind:not([measuring]) [data-mw-flow="box"] {
+  margin-right: calc(
+    (var(--mw-mr, 0) - max(0, var(--mw-ls, 0) - var(--mw-pr, 0) - var(--mw-br, 0))) *
+      var(--mw-cw, 1px) - 0.25px
+  ) !important;
+}
+mono-wind:not([measuring]) [data-mw-float="left"] {
+  float: left !important;
+}
+mono-wind:not([measuring]) [data-mw-float="right"] {
+  float: right !important;
+}
 
 /* Spanner-split paragraph flow trusts the NATIVE balancer per segment
  * (probed pixel-exact in all three engines under quantized inputs):
@@ -726,8 +777,8 @@ mono-wind:not([measuring]) [data-mw-hidden-runs] > [data-mw-laid-out] {
 }
 
 /* Force off-grid text alignments back to `start`. `text-left`/`right`/`start`/
- * `end` all land on whole cells (offset = (W - N) × cell width); `center` and
- * `justify` produce fractional per-line offsets we can't snap to the grid. */
+ * `end`/`center` all land on whole cells (offset = (W - N) × cell width);
+ * `justify` produces fractional per-line offsets we can't snap to the grid. */
 mono-wind:not([measuring])[data-mw-text-align-blocked],
 mono-wind:not([measuring]) [data-mw-text-align-blocked] {
   text-align: start !important;