Editorial — three approaches to floated figures
Same article, same three figures, three strategies. Naive: stock HTML <figure> with CSS float: right — browser manages everything, text reflows as each image decodes. Pretext + native <img>: flowColumnWithFloats for text, but dims come from polling each <img>'s naturalWidth — pretext re-flows every time a figure's dims arrive. Pretext + preimage: prepare() batches the dim-fetch, pretext flows once with all dims known. Each panel has its own Run button.
Cache-bust
Naive HTML + float
First figure loaded—
Last figure loaded—
Visible shifts—
Pretext + native <img>
Flow runs—
First flow—
Final flow—
Visible shifts—
Pretext + preimage
Flow runs—
First flow—
Final flow—
Visible shifts—