Per CSS 2.1 §9.2.1, anonymous block generation should only consider in-flow elements. Floats, absolutely positioned, and fixed positioned elements are out-of-flow and should not trigger anonymous block wrapping. Previously, normalize_children() classified floats as "inline-level" (because is_block_level_child returned false for them), causing them to be wrapped inside anonymous blocks. This gave floats the wrong containing block and broke clear interaction with siblings (e.g., ACID2 .nose/.smile). Add is_out_of_flow predicate, exclude OOF elements from the has_inline check, and add a dedicated branch in the wrapping loop that flushes pending inline runs and places OOF elements as direct children. Net WPT improvement: +6 passing tests (9 promoted, 3 regressed). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
51 lines
2.4 KiB
Plaintext
51 lines
2.4 KiB
Plaintext
LayoutBox node=#1 tag=html box=block
|
|
content: (0, 0, 800, 47.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, 19.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 8 8 8 8
|
|
LayoutBox node=#11 tag=div box=block
|
|
content: (18, 18, 120, 19.2)
|
|
padding: 10 10 10 10
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=111.13068
|
|
line[0]: rect=(18, 18, 111.13068, 19.2) fragments=4
|
|
frag[0]: rect=(18, 19.6, 23.612333, 16) text="Text" start=false end=false
|
|
frag[1]: rect=(44.666668, 19.6, 32.798824, 16) text="inside" start=false end=false
|
|
frag[2]: rect=(80.51982, 19.6, 25.010277, 16) text="float" start=false end=false
|
|
frag[3]: rect=(108.58443, 19.6, 20.546255, 16) text="box" start=false end=false
|
|
LayoutBox node=#12 tag=anonymous box=anon
|
|
content: (0, 0, 111.130684, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Text inside float bo..."
|
|
LayoutBox node=#14 tag=div box=block
|
|
content: (8, 8, 784, 19.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=315.88834
|
|
line[0]: rect=(148, 8, 315.88834, 19.2) fragments=10
|
|
frag[0]: rect=(148, 9.6, 27.535978, 16) text="Main" start=false end=false
|
|
frag[1]: rect=(178.59032, 9.6, 42.372982, 16) text="content" start=false end=false
|
|
frag[2]: rect=(224.01764, 9.6, 29.039646, 16) text="flows" start=false end=false
|
|
frag[3]: rect=(256.1116, 9.6, 40.293686, 16) text="around" start=false end=false
|
|
frag[4]: rect=(299.4596, 9.6, 18.126286, 16) text="the" start=false end=false
|
|
frag[5]: rect=(320.6402, 9.6, 25.010277, 16) text="float" start=false end=false
|
|
frag[6]: rect=(348.7048, 9.6, 32.42291, 16) text="which" start=false end=false
|
|
frag[7]: rect=(384.18204, 9.6, 19.477238, 16) text="has" start=false end=false
|
|
frag[8]: rect=(406.7136, 9.6, 21.321585, 16) text="text" start=false end=false
|
|
frag[9]: rect=(431.0895, 9.6, 32.798824, 16) text="inside" start=false end=false
|
|
LayoutBox node=#15 tag=anonymous box=anon
|
|
content: (0, 0, 315.88837, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Main content flows a..."
|