Three bugs caused Google's homepage to render incorrectly (elements at 0,0 or pushed off-screen): 1. <nobr> defaulted to display:block instead of inline, inflating float shrink-to-fit widths to the full viewport. 2. normalize_children ran before split_block_in_inline, wrapping inline elements in anonymous blocks before the splitter could find them. 3. Float avoidance applied to non-BFC blocks instead of BFC blocks (condition was inverted per CSS 2.1 §9.5). Also implements CSS 2.1 Appendix E paint order: floats now paint after normal flow block backgrounds via multi-phase rendering in the display list builder. Positioned elements act as mini stacking contexts and don't propagate skip_floats to their children. Net result: +10 WPT tests passing (11 promoted, 1 minor regression). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
76 lines
3.2 KiB
Plaintext
76 lines
3.2 KiB
Plaintext
LayoutBox node=#1 tag=html box=block
|
|
content: (0, 0, 800, 115.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#9 tag=body box=block
|
|
content: (8, 8, 784, 99.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 8 8 8 8
|
|
LayoutBox node=#10 tag=(anonymous-block) box=block
|
|
content: (8, 8, 784, 0)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 0 lines, height=0, max_width=0
|
|
LayoutBox node=#10 tag=anonymous box=anon
|
|
content: (0, 0, 3.0543318, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: " "
|
|
LayoutBox node=#11 tag=div box=block
|
|
content: (642, 8, 150, 60)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 0 lines, height=0, max_width=0
|
|
LayoutBox node=#12 tag=anonymous box=anon
|
|
content: (0, 0, 3.0543318, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: " "
|
|
LayoutBox node=#13 tag=p box=block
|
|
content: (8, 24, 784, 19.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 16 0 16 0
|
|
inline_context: 1 lines, height=19.2, max_width=146.58441
|
|
line[0]: rect=(8, 24, 146.58441, 19.2) fragments=6
|
|
frag[0]: rect=(8, 24, 31.165932, 16) text="Some" start=false end=false
|
|
frag[1]: rect=(42.220264, 24, 21.321585, 16) text="text" start=false end=false
|
|
frag[2]: rect=(66.596176, 24, 24.340675, 16) text="next" start=false end=false
|
|
frag[3]: rect=(93.99118, 24, 11.348018, 16) text="to" start=false end=false
|
|
frag[4]: rect=(108.393524, 24, 18.126286, 16) text="the" start=false end=false
|
|
frag[5]: rect=(129.57414, 24, 25.010277, 16) text="float" start=false end=false
|
|
LayoutBox node=#14 tag=anonymous box=anon
|
|
content: (0, 0, 146.58441, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Some text next to th..."
|
|
LayoutBox node=#16 tag=div box=block
|
|
content: (18, 78, 764, 19.199997)
|
|
padding: 10 10 10 10
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.199997, max_width=255.29517
|
|
line[0]: rect=(18, 78, 255.29517, 19.2) fragments=9
|
|
frag[0]: rect=(18, 78, 22.449337, 16) text="This" start=false end=false
|
|
frag[1]: rect=(43.50367, 78, 32.36417, 16) text="clears" start=false end=false
|
|
frag[2]: rect=(78.92217, 78, 18.126286, 16) text="the" start=false end=false
|
|
frag[3]: rect=(100.10279, 78, 26.60793, 16) text="right" start=false end=false
|
|
frag[4]: rect=(129.76506, 78, 25.010277, 16) text="float" start=false end=false
|
|
frag[5]: rect=(157.82967, 78, 21.07489, 16) text="and" start=false end=false
|
|
frag[6]: rect=(181.9589, 78, 44.73421, 16) text="appears" start=false end=false
|
|
frag[7]: rect=(229.74744, 78, 33.221733, 16) text="below" start=false end=false
|
|
frag[8]: rect=(266.0235, 78, 7.2716594, 16) text="it" start=false end=false
|
|
LayoutBox node=#17 tag=anonymous box=anon
|
|
content: (0, 0, 255.29514, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "This clears the righ..."
|