Files
ladybird/Tests/LibWeb/Layout/expected/block-and-inline/float-stress-1.txt
Aliaksandr Kalenik 202b24584f LibWeb: Sum horizontal margins to calculate space used by floats
This fixes the issue where max margin is used to find offset of
floating box although horizonal margins do not collapse so they need
to be summed instead.
2023-05-24 18:58:42 +02:00

78 lines
4.7 KiB
Plaintext

Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x268 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x252 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div.outer> at (9,9) content-size 300x250 children: inline
line 0 width: 239.15625, height: 16, bottom: 16, baseline: 12.796875
frag 0 from TextNode start: 1, length: 24, rect: [61,9 212x16]
"foo bar baz foo bar baz "
frag 1 from TextNode start: 1, length: 3, rect: [273,9 27.15625x16]
"foo"
line 1 width: 27.640625, height: 16, bottom: 32, baseline: 12.796875
frag 0 from TextNode start: 5, length: 3, rect: [263,25 27.640625x16]
"bar"
line 2 width: 27.203125, height: 16, bottom: 48, baseline: 12.796875
frag 0 from TextNode start: 9, length: 3, rect: [263,41 27.203125x16]
"baz"
line 3 width: 27.15625, height: 16, bottom: 64, baseline: 12.796875
frag 0 from TextNode start: 13, length: 3, rect: [263,57 27.15625x16]
"foo"
line 4 width: 0, height: 0, bottom: 0, baseline: 0
line 5 width: 62.84375, height: 16, bottom: 84, baseline: 12.796875
frag 0 from TextNode start: 17, length: 7, rect: [9,77 62.84375x16]
"bar baz"
line 6 width: 62.796875, height: 16, bottom: 100, baseline: 12.796875
frag 0 from TextNode start: 25, length: 7, rect: [9,93 62.796875x16]
"foo bar"
line 7 width: 62.359375, height: 16, bottom: 116, baseline: 12.796875
frag 0 from TextNode start: 33, length: 7, rect: [9,109 62.359375x16]
"baz foo"
line 8 width: 62.84375, height: 16, bottom: 132, baseline: 12.796875
frag 0 from TextNode start: 41, length: 7, rect: [9,125 62.84375x16]
"bar baz"
line 9 width: 239.15625, height: 16, bottom: 148, baseline: 12.796875
frag 0 from TextNode start: 1, length: 27, rect: [9,141 239.15625x16]
"foo bar baz foo bar baz foo"
line 10 width: 239.640625, height: 16, bottom: 164, baseline: 12.796875
frag 0 from TextNode start: 29, length: 27, rect: [9,157 239.640625x16]
"bar baz foo bar baz foo bar"
line 11 width: 239.203125, height: 16, bottom: 180, baseline: 12.796875
frag 0 from TextNode start: 57, length: 16, rect: [61,173 141.203125x16]
"baz foo bar baz "
frag 1 from TextNode start: 1, length: 11, rect: [202,173 98x16]
"foo bar baz"
line 12 width: 204, height: 16, bottom: 196, baseline: 12.796875
frag 0 from TextNode start: 13, length: 12, rect: [61,189 106x16]
"foo bar baz "
frag 1 from TextNode start: 1, length: 11, rect: [167,189 98x16]
"foo bar baz"
line 13 width: 204, height: 16, bottom: 212, baseline: 12.796875
frag 0 from TextNode start: 13, length: 23, rect: [61,205 204x16]
"foo bar baz foo bar baz"
line 14 width: 239.15625, height: 16, bottom: 228, baseline: 12.796875
frag 0 from TextNode start: 37, length: 27, rect: [61,221 239.15625x16]
"foo bar baz foo bar baz foo"
line 15 width: 274.84375, height: 16, bottom: 244, baseline: 12.796875
frag 0 from TextNode start: 65, length: 31, rect: [9,237 274.84375x16]
"bar baz foo bar baz foo bar baz"
line 16 width: 274.796875, height: 16, bottom: 260, baseline: 12.796875
frag 0 from TextNode start: 97, length: 31, rect: [9,253 274.796875x16]
"foo bar baz foo bar baz foo bar"
line 17 width: 133.203125, height: 16, bottom: 276, baseline: 12.796875
frag 0 from TextNode start: 129, length: 15, rect: [9,269 133.203125x16]
"baz foo bar baz"
TextNode <#text>
BlockContainer <div.lefty> at (10,10) content-size 50x50 floating [BFC] children: not-inline
TextNode <#text>
BlockContainer <div.one> at (62,26) content-size 200x50 floating [BFC] children: not-inline
TextNode <#text>
BlockContainer <div.two> at (108,78) content-size 200x50 floating [BFC] children: not-inline
TextNode <#text>
BlockContainer <div.righty> at (278,142) content-size 30x30 floating [BFC] children: not-inline
TextNode <#text>
BlockContainer <div.lefty.shwifty> at (10,174) content-size 50x50 floating [BFC] children: not-inline
TextNode <#text>
BlockContainer <div.righty> at (278,190) content-size 30x30 floating [BFC] children: not-inline
TextNode <#text>