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>
50 lines
2.0 KiB
Plaintext
50 lines
2.0 KiB
Plaintext
LayoutBox node=#1 tag=html box=block
|
|
content: (0, 0, 800, 88)
|
|
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, 51.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 8 8 8 8
|
|
LayoutBox node=#11 tag=div box=block
|
|
content: (8, 8, 100, 40)
|
|
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=#13 tag=div box=block
|
|
content: (108, 8, 100, 80)
|
|
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=#15 tag=div box=block
|
|
content: (208, 8, 100, 50)
|
|
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=#17 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=290.74884
|
|
line[0]: rect=(308, 24, 290.74884, 19.2) fragments=8
|
|
frag[0]: rect=(308, 25.6, 23.612333, 16) text="Text" start=false end=false
|
|
frag[1]: rect=(334.66666, 25.6, 29.039646, 16) text="flows" start=false end=false
|
|
frag[2]: rect=(366.76062, 25.6, 40.293686, 16) text="around" start=false end=false
|
|
frag[3]: rect=(410.10864, 25.6, 45.427315, 16) text="multiple" start=false end=false
|
|
frag[4]: rect=(458.59027, 25.6, 30.637295, 16) text="floats" start=false end=false
|
|
frag[5]: rect=(492.2819, 25.6, 11.148312, 16) text="of" start=false end=false
|
|
frag[6]: rect=(506.48453, 25.6, 47.94126, 16) text="different" start=false end=false
|
|
frag[7]: rect=(557.4801, 25.6, 41.268723, 16) text="heights" start=false end=false
|
|
LayoutBox node=#18 tag=anonymous box=anon
|
|
content: (0, 0, 290.7489, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Text flows around mu..."
|