b7c3d086bf
Adds docs/render with a handover covering what shipped on this branch, the verification methodology, build gotchas, and the prioritized list of remaining work, alongside the phase plan and the index of the Gecko layout study that informed it. Adds render-repros: one HTML fixture per bug fixed here (absolute fills, mixed inline+block layout, carousel clipping, z-index order, clear, tables, image density and alt fallback) plus run.sh to render them all in obscura and Chromium for side-by-side checking. Run before and after any layout or paint change.
15 lines
1.3 KiB
HTML
15 lines
1.3 KiB
HTML
<!DOCTYPE html><html><head><title>abs fill</title><style>body{margin:0}
|
|
.box{width:400px;border:2px solid red;margin:6px}</style></head><body>
|
|
<p>Every colored area below must FILL its box. Before P0 all were 0x0 (blank).</p>
|
|
<div class="box"><span>A rel(auto-width)+BLOCK, abs inset:0:</span>
|
|
<div style="position:relative;height:100px"><div style="position:absolute;inset:0;background:blue"></div></div></div>
|
|
<div class="box"><span>B rel+FLEX, abs inset:0:</span>
|
|
<div style="position:relative;height:100px;display:flex"><div style="position:absolute;inset:0;background:green"></div></div></div>
|
|
<div class="box"><span>C rel+GRID, abs inset:0:</span>
|
|
<div style="position:relative;height:100px;display:grid"><div style="position:absolute;inset:0;background:purple"></div></div></div>
|
|
<div class="box"><span>D abs width:100%/height:100%:</span>
|
|
<div style="position:relative;height:100px"><div style="position:absolute;top:0;left:0;width:100%;height:100%;background:teal"></div></div></div>
|
|
<div class="box"><span>E padding-hack ratio + abs fill IMG:</span>
|
|
<div style="position:relative;height:0;padding-bottom:40%"><img src="https://web.dev/static/images/ai-feature.png" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover"></div></div>
|
|
</body></html>
|