1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-28 12:27:36 +00:00

LibWeb: Use separate structure to represent fragments in paintable tree

This is a part of refactoring towards making the paintable tree
independent of the layout tree. Now, instead of transferring text
fragments from the layout tree to the paintable tree during the layout
commit phase, we allocate separate PaintableFragments that contain only
the information necessary for painting. Doing this also allows us to
get rid LineBoxes, as they are used only during layout.
This commit is contained in:
Aliaksandr Kalenik 2024-01-12 21:25:05 +01:00 committed by Andreas Kling
parent 785fa60cca
commit de32b77ceb
401 changed files with 2122 additions and 3614 deletions

View file

@ -3,28 +3,24 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x265 children: not-inline
Box <div.flex.row.align-start> at (11,11) content-size 500x200 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,12) content-size 136.5x17 flex-item [BFC] children: inline
line 0 width: 136.5, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 18, rect: [12,12 136.5x17]
frag 0 from TextNode start: 0, length: 18, rect: [12,12 136.5x17] baseline: 13.296875
"align-items: start"
TextNode <#text>
Box <div.flex.align-end> at (11,213) content-size 500x19 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,214) content-size 121.453125x17 flex-item [BFC] children: inline
line 0 width: 121.453125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 16, rect: [12,214 121.453125x17]
frag 0 from TextNode start: 0, length: 16, rect: [12,214 121.453125x17] baseline: 13.296875
"align-items: end"
TextNode <#text>
BlockContainer <(anonymous)> at (10,233) content-size 780x0 children: inline
TextNode <#text>
Box <div.flex.align-start> at (11,234) content-size 500x19 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,235) content-size 136.5x17 flex-item [BFC] children: inline
line 0 width: 136.5, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 18, rect: [12,235 136.5x17]
frag 0 from TextNode start: 0, length: 18, rect: [12,235 136.5x17] baseline: 13.296875
"align-items: start"
TextNode <#text>
Box <div.flex.column.align-end> at (11,255) content-size 500x19 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (388.546875,256) content-size 121.453125x17 flex-item [BFC] children: inline
line 0 width: 121.453125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 16, rect: [388.546875,256 121.453125x17]
frag 0 from TextNode start: 0, length: 16, rect: [388.546875,256 121.453125x17] baseline: 13.296875
"align-items: end"
TextNode <#text>
BlockContainer <(anonymous)> at (10,275) content-size 780x0 children: inline