ladybird/Tests/LibWeb/Layout/expected/content-image-simple.txt
Andreas Kling 81d4079c12 LibWeb: Support CSS content property images (and lists, too!)
This patch expands our generated content support beyond single strings
to lists of strings and/or images.

Pseudo-elements like ::before and ::after can now use content:url(...)
to insert anonymous image boxes into the layout tree.

This is heavily used in Google Docs for UI elements.
2025-07-28 22:46:27 +02:00

37 lines
2.1 KiB
Text

Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x1216 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x1200 children: not-inline
BlockContainer <div> at (8,8) content-size 784x1200 children: inline
frag 0 from ImageBox start: 0, length: 0, rect: [8,808 400x400] baseline: 400
InlineNode <(anonymous)>
frag 0 from TextNode start: 0, length: 3, rect: [8,394 27.15625x18] baseline: 13.796875
"foo"
frag 1 from ImageBox start: 0, length: 0, rect: [35.15625,8 400x400] baseline: 400
frag 2 from TextNode start: 0, length: 3, rect: [435.15625,394 27.640625x18] baseline: 13.796875
"bar"
frag 0 from ImageBox start: 0, length: 0, rect: [8,408 400x400] baseline: 400
frag 1 from TextNode start: 0, length: 3, rect: [408,794 27.203125x18] baseline: 13.796875
"baz"
TextNode <#text>
ImageBox <(anonymous)> at (35.15625,8) content-size 400x400 children: not-inline
TextNode <#text>
ImageBox <(anonymous)> at (8,408) content-size 400x400 children: not-inline
TextNode <#text>
ImageBox <img> at (8,808) content-size 400x400 children: not-inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x1216]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x1216]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x1200]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x1200]
PaintableWithLines (InlineNode(anonymous)) [8,394 454.796875x400]
TextPaintable (TextNode<#text>)
ImagePaintable (ImageBox(anonymous)) [35.15625,8 400x400]
TextPaintable (TextNode<#text>)
ImagePaintable (ImageBox(anonymous)) [8,408 400x400]
TextPaintable (TextNode<#text>)
PaintableWithLines (InlineNode(anonymous)) [8,408 427.203125x400]
ImagePaintable (ImageBox<IMG>) [8,808 400x400]
SC for Viewport<#document> [0,0 800x600] [children: 1] (z-index: auto)
SC for BlockContainer<HTML> [0,0 800x1216] [children: 0] (z-index: auto)