mirror of
https://github.com/RGBCube/serenity
synced 2025-05-31 13:28:11 +00:00
40dea272d2
When a button should use flex for alignment and also has ::before and/or ::after, we previously did the following: 1. Prepended/appended the button's children with boxes for pseudo-elements. 2. Replaced the button's direct children with a flex container that contains its children. As a result, the generated boxes for ::before/::after ended up as children of the generated flex item, instead of being direct children of the button layout box as they were supposed to be. This change reverses these steps, ensuring that boxes for pseudo-elements are generated only after modifications inside the button layout are completed.
23 lines
1.7 KiB
Text
23 lines
1.7 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (0,0) content-size 800x74.59375 [BFC] children: not-inline
|
|
BlockContainer <body> at (8,8) content-size 784x58.59375 children: inline
|
|
line 0 width: 424.640625, height: 58.59375, bottom: 58.59375, baseline: 42.28125
|
|
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 414.640625x54.59375]
|
|
BlockContainer <button.button_button___eDCW> at (13,10) content-size 414.640625x54.59375 positioned inline-block [BFC] children: not-inline
|
|
BlockContainer <(anonymous)> at (9,9) content-size 422.640625x56.59375 positioned [BFC] children: inline
|
|
TextNode <#text>
|
|
BlockContainer <(anonymous)> at (13,10) content-size 414.640625x54.59375 flex-container(column) [FFC] children: not-inline
|
|
BlockContainer <(anonymous)> at (13,10) content-size 414.640625x54.59375 flex-item [BFC] children: inline
|
|
line 0 width: 414.640625, height: 54.59375, bottom: 54.59375, baseline: 42.28125
|
|
frag 0 from TextNode start: 0, length: 14, rect: [13,10 414.640625x54.59375]
|
|
"See more games"
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x74.59375]
|
|
PaintableWithLines (BlockContainer<BODY>) [8,8 784x58.59375]
|
|
PaintableWithLines (BlockContainer<BUTTON>.button_button___eDCW) [8,8 424.640625x58.59375]
|
|
PaintableWithLines (BlockContainer(anonymous)) [9,9 422.640625x56.59375]
|
|
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x54.59375]
|
|
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x54.59375]
|
|
TextPaintable (TextNode<#text>)
|