mirror of
https://github.com/RGBCube/serenity
synced 2025-07-26 07:47:37 +00:00
LibWeb: Blockify pseudo elements that are flex items
When deciding on a box type transformation (blockify/inlinify) for a pseudo element, we have to use the originating element as a reference rather than the parent. (The originating element *is* the parent for its pseudo elements.)
This commit is contained in:
parent
806e08425a
commit
c0b4083b02
3 changed files with 40 additions and 3 deletions
|
@ -0,0 +1,19 @@
|
|||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x33.46875 children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
|
||||
Box <div.foo> at (8,8) content-size 784x17.46875 flex-container(row) children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 28.40625x17.46875 flex-item children: inline
|
||||
line 0 width: 28.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 4, rect: [8,8 28.40625x17.46875]
|
||||
"well"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (46,8) content-size 36.84375x17.46875 flex-item children: inline
|
||||
line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [46,8 36.84375x17.46875]
|
||||
"hello"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (92.4375,8) content-size 55.359375x17.46875 flex-item children: inline
|
||||
line 0 width: 55.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 7, rect: [92.4375,8 55.359375x17.46875]
|
||||
"friends"
|
||||
TextNode <#text>
|
Loading…
Add table
Add a link
Reference in a new issue