e0aae716b0
Inline-block elements now participate in vertical alignment within inline formatting contexts. Previously, inline-blocks were positioned at the parent's content origin regardless of their vertical-align property. Now they are correctly repositioned based on CSS 2.1 §10.8.1 baseline calculation rules. Key changes: - Extended AtomicInline with vertical-align, baseline-offset fields - Create positioning-only InlineFragment for each atomic inline - Reposition inline-block LayoutBoxes after vertical alignment - Compute baseline from last line box (or bottom margin edge) - Made offset_layout_box pub(crate) for reuse across modules - Skip atomic fragments in display list builder - Comprehensive test coverage (23 new tests) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
47 lines
1.7 KiB
Plaintext
47 lines
1.7 KiB
Plaintext
LayoutBox node=#1 tag=html box=block
|
|
content: (0, 0, 800, 56)
|
|
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, 40)
|
|
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, 784, 40)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=40, max_width=150.26138
|
|
line[0]: rect=(8, 8, 150.26138, 40) fragments=3
|
|
frag[0]: rect=(8, 8, 36.88693, 16) text="Before" start=false end=false
|
|
frag[1]: rect=(47.94126, 8, 80, 40) text=(none) start=false end=false
|
|
frag[2]: rect=(130.99559, 8, 27.265785, 16) text="After" start=false end=false
|
|
LayoutBox node=#12 tag=anonymous box=anon
|
|
content: (0, 0, 39.94126, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Before "
|
|
LayoutBox node=#13 tag=span box=inline-block
|
|
content: (47.94126, 8, 80, 40)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=20.957415
|
|
line[0]: rect=(47.94126, 8, 20.957415, 19.2) fragments=1
|
|
frag[0]: rect=(47.94126, 8, 20.957415, 16) text="Box" start=false end=false
|
|
LayoutBox node=#14 tag=anonymous box=anon
|
|
content: (39.94126, 0, 20.957415, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Box"
|
|
LayoutBox node=#15 tag=anonymous box=anon
|
|
content: (0, 0, 30.320118, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: " After"
|