41cd7442c8
Add phased rendering to the display list builder so that within each stacking context, block backgrounds/borders paint before floats, which paint before inline content, per CSS 2.1 Appendix E steps 3-5. Introduces a RenderPhase enum (BackgroundsOnly, InlineContentOnly, Full) threaded through render_layout_box_normal and render_non_inline_descendants. Step 6 positioned-auto descendants are collected and rendered via render_stacking_context for correct internal Appendix E ordering. Net +20 WPT tests passing (25 promoted, 5 demoted for pixel regressions). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
34 lines
2.8 KiB
Plaintext
34 lines
2.8 KiB
Plaintext
DisplayList items=32
|
|
SolidRect rect=(524.8, 8, 267.2, 98.96001) color=#cccccc
|
|
Border rect=(524.8, 8, 267.2, 98.96001) widths=(1 1 1 1) colors=(#000000 #000000 #000000 #000000)
|
|
Text rect=(540.8, 31.880001, 23.823788, 16) text="This" color=#000000 font_size=16 font_weight=700
|
|
Text rect=(567.6781, 31.880001, 9.409692, 16) text="is" color=#000000 font_size=16 font_weight=700
|
|
Text rect=(580.14215, 31.880001, 14.672541, 16) text="an" color=#000000 font_size=16 font_weight=700
|
|
Text rect=(597.869, 31.880001, 30.883995, 16) text="aside" color=#000000 font_size=16 font_weight=700
|
|
Text rect=(540.8, 72.36, 30.014685, 16) text="Aside" color=#000000 font_size=16
|
|
Text rect=(573.869, 72.36, 42.372982, 16) text="content" color=#000000 font_size=16
|
|
Text rect=(619.2963, 72.36, 28.511015, 16) text="here." color=#000000 font_size=16
|
|
Text rect=(8, 25.6, 27.535978, 16) text="Main" color=#000000 font_size=16
|
|
Text rect=(38.590313, 25.6, 42.372982, 16) text="content" color=#000000 font_size=16
|
|
Text rect=(84.017624, 25.6, 22.331863, 16) text="that" color=#000000 font_size=16
|
|
Text rect=(109.40382, 25.6, 29.039646, 16) text="flows" color=#000000 font_size=16
|
|
Text rect=(141.4978, 25.6, 40.293686, 16) text="around" color=#000000 font_size=16
|
|
Text rect=(184.84583, 25.6, 18.126286, 16) text="the" color=#000000 font_size=16
|
|
Text rect=(206.02644, 25.6, 38.860497, 16) text="floated" color=#000000 font_size=16
|
|
Text rect=(247.94127, 25.6, 29.098385, 16) text="aside" color=#000000 font_size=16
|
|
Text rect=(280.09396, 25.6, 45.392067, 16) text="element" color=#000000 font_size=16
|
|
Text rect=(328.54034, 25.6, 14.367107, 16) text="on" color=#000000 font_size=16
|
|
Text rect=(345.96176, 25.6, 18.126286, 16) text="the" color=#000000 font_size=16
|
|
Text rect=(367.14236, 25.6, 17.938326, 16) text="left" color=#000000 font_size=16
|
|
Text rect=(388.135, 25.6, 25.656387, 16) text="side." color=#000000 font_size=16
|
|
Text rect=(8, 60.800003, 40.305435, 16) text="Second" color=#000000 font_size=16
|
|
Text rect=(51.359768, 60.800003, 58.408222, 16) text="paragraph" color=#000000 font_size=16
|
|
Text rect=(112.82232, 60.800003, 11.148312, 16) text="of" color=#000000 font_size=16
|
|
Text rect=(127.024956, 60.800003, 27.864904, 16) text="main" color=#000000 font_size=16
|
|
Text rect=(157.9442, 60.800003, 42.372982, 16) text="content" color=#000000 font_size=16
|
|
Text rect=(203.37152, 60.800003, 54.049923, 16) text="continues" color=#000000 font_size=16
|
|
Text rect=(260.47577, 60.800003, 40.928047, 16) text="flowing" color=#000000 font_size=16
|
|
Text rect=(304.45813, 60.800003, 40.293686, 16) text="around" color=#000000 font_size=16
|
|
Text rect=(347.80615, 60.800003, 18.126286, 16) text="the" color=#000000 font_size=16
|
|
Text rect=(368.98676, 60.800003, 28.158588, 16) text="float." color=#000000 font_size=16
|