mirror of
https://github.com/RGBCube/serenity
synced 2025-10-31 16:02:45 +00:00
06d05b3c55
Before, we only ensured that boxes establishing BFC did not overlap with floats because that is what CSS 2.2 specification says. However, we should also apply the same for boxes establishing FFC or GFC as this aligns with the behavior of other browsers. Fixes https://github.com/SerenityOS/serenity/issues/21095
23 lines
1.4 KiB
Text
23 lines
1.4 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (0,0) content-size 800x66 [BFC] children: not-inline
|
|
BlockContainer <body> at (8,8) content-size 400x50 children: not-inline
|
|
BlockContainer <div.right> at (370.890625,8) content-size 37.109375x17.46875 floating [BFC] children: inline
|
|
line 0 width: 37.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
|
frag 0 from TextNode start: 0, length: 5, rect: [370.890625,8 37.109375x17.46875]
|
|
"right"
|
|
TextNode <#text>
|
|
Box <div.flex> at (8,8) content-size 362.890625x50 flex-container(row) [FFC] children: not-inline
|
|
BlockContainer <div.item> at (8,8) content-size 32.34375x50 flex-item [BFC] children: inline
|
|
line 0 width: 32.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
|
frag 0 from TextNode start: 0, length: 4, rect: [8,8 32.34375x17.46875]
|
|
"item"
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
|
|
PaintableWithLines (BlockContainer<BODY>) [8,8 400x50]
|
|
PaintableWithLines (BlockContainer<DIV>.right) [370.890625,8 37.109375x17.46875]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableBox (Box<DIV>.flex) [8,8 362.890625x50]
|
|
PaintableWithLines (BlockContainer<DIV>.item) [8,8 32.34375x50]
|
|
TextPaintable (TextNode<#text>)
|