mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 02:27:35 +00:00

Instead of just measuring the layout viewport, we now measure overflow in every box that is a scroll container. This has the side effect of no longer creating paintables for layout boxes that didn't participate in layout. (For example, empty/anonymous boxes that were ignored by flex itemization.) Such boxes are now marked as "(not painted)" in the layout tree dumps, as they have no paintable to dump geometry from.
83 lines
4.8 KiB
Text
83 lines
4.8 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
|
|
BlockContainer <body> at (8,8) content-size 784x217.46875 children: not-inline
|
|
Box <div.grid-container> at (8,8) content-size 784x200 [GFC] children: not-inline
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.grid-item> at (8,8) content-size 392x200 [BFC] children: inline
|
|
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
|
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
|
|
"1"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.grid-item> at (400,8) content-size 392x100 [BFC] children: inline
|
|
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
|
frag 0 from TextNode start: 0, length: 1, rect: [400,8 8.8125x17.46875]
|
|
"2"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.grid-item> at (400,108) content-size 196x50 [BFC] children: inline
|
|
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
|
frag 0 from TextNode start: 0, length: 1, rect: [400,108 9.09375x17.46875]
|
|
"3"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.grid-item> at (596,108) content-size 196x50 [BFC] children: inline
|
|
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
|
frag 0 from TextNode start: 0, length: 1, rect: [596,108 7.75x17.46875]
|
|
"4"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.grid-item> at (400,158) content-size 196x50 [BFC] children: inline
|
|
line 0 width: 8.453125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
|
frag 0 from TextNode start: 0, length: 1, rect: [400,158 8.453125x17.46875]
|
|
"5"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.grid-item> at (596,158) content-size 196x50 [BFC] children: inline
|
|
line 0 width: 8.734375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
|
frag 0 from TextNode start: 0, length: 1, rect: [596,158 8.734375x17.46875]
|
|
"6"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (8,208) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
TextNode <#text>
|
|
TextNode <#text>
|
|
Box <div.grid-container> at (8,208) content-size 784x17.46875 [GFC] children: not-inline
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.grid-item> at (8,208) content-size 50x17.46875 [BFC] children: inline
|
|
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
|
frag 0 from TextNode start: 0, length: 1, rect: [8,208 6.34375x17.46875]
|
|
"1"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.grid-item> at (58,208) content-size 50x17.46875 [BFC] children: inline
|
|
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
|
frag 0 from TextNode start: 0, length: 1, rect: [58,208 8.8125x17.46875]
|
|
"2"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.grid-item> at (108,208) content-size 100x17.46875 [BFC] children: inline
|
|
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
|
frag 0 from TextNode start: 0, length: 1, rect: [108,208 9.09375x17.46875]
|
|
"3"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.grid-item> at (208,208) content-size 100x17.46875 [BFC] children: inline
|
|
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
|
frag 0 from TextNode start: 0, length: 1, rect: [208,208 7.75x17.46875]
|
|
"4"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
|
|
TextNode <#text>
|