mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 07:17:35 +00:00
82aedfcaf0
This change addresses the incorrect assumption that the available width inside a grid item is equal to the width of the track it belongs to. For instance, if a grid item has a width of 200px, the available width inside that item is also 200px regardless of its column(s) base size. To solve this issue, it was necessary to move the final resolution of grid items to occur immediately after the final column track sizes are determined. By doing so, it becomes possible to obtain correct available width inside grid items while resolving the row track sizes.
27 lines
1.7 KiB
Text
27 lines
1.7 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 784x17.46875 children: not-inline
|
|
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
|
|
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.grid-item> at (8,8) content-size 261.333343x17.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,8 6.34375x17.46875]
|
|
"1"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.grid-item> at (269.333343,8) content-size 261.333343x17.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: [269.333343,8 8.8125x17.46875]
|
|
"2"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div.grid-item> at (530.666687,8) content-size 261.333343x17.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: [530.666687,8 9.09375x17.46875]
|
|
"3"
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
|
TextNode <#text>
|