mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 08:57:47 +00:00
LibWeb: Do not compensate padding for abspos boxes with static position
When a box does not have a top, left, bottom, or right, there is no need to adjust the offset for positioning relative to the padding edge, because the box remains in the normal flow.
This commit is contained in:
parent
2c1bbf5a99
commit
4164af2ca4
9 changed files with 128 additions and 1 deletions
|
@ -0,0 +1,11 @@
|
|||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x330 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x312 children: not-inline
|
||||
BlockContainer <div.box> at (31,21) content-size 200x200 positioned children: not-inline
|
||||
BlockContainer <div.inner> at (12,22) content-size 100x100 positioned [BFC] children: not-inline
|
||||
|
||||
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
||||
PaintableWithLines (BlockContainer<HTML>) [0,0 800x332]
|
||||
PaintableWithLines (BlockContainer<BODY>) [9,9 782x314]
|
||||
PaintableWithLines (BlockContainer<DIV>.box) [10,10 272x312]
|
||||
PaintableWithLines (BlockContainer<DIV>.inner) [11,21 102x102]
|
|
@ -0,0 +1,11 @@
|
|||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x330 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x312 children: not-inline
|
||||
BlockContainer <div.box> at (31,21) content-size 200x200 positioned children: not-inline
|
||||
BlockContainer <div.inner> at (180,220) content-size 100x100 positioned [BFC] children: not-inline
|
||||
|
||||
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
||||
PaintableWithLines (BlockContainer<HTML>) [0,0 800x332]
|
||||
PaintableWithLines (BlockContainer<BODY>) [9,9 782x314]
|
||||
PaintableWithLines (BlockContainer<DIV>.box) [10,10 272x312]
|
||||
PaintableWithLines (BlockContainer<DIV>.inner) [179,219 102x102]
|
|
@ -0,0 +1,11 @@
|
|||
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 784x50 children: not-inline
|
||||
BlockContainer <div.box> at (8,58) content-size 784x0 positioned children: not-inline
|
||||
BlockContainer <div.inner> at (8,58) content-size 784x50 positioned [BFC] children: not-inline
|
||||
|
||||
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
||||
PaintableWithLines (BlockContainer<HTML>) [0,0 800x66] overflow: [0,0 800x108]
|
||||
PaintableWithLines (BlockContainer<BODY>) [8,8 784x50] overflow: [8,8 784x100]
|
||||
PaintableWithLines (BlockContainer<DIV>.box) [8,8 784x50] overflow: [8,8 784x100]
|
||||
PaintableWithLines (BlockContainer<DIV>.inner) [8,58 784x50]
|
|
@ -0,0 +1,11 @@
|
|||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x330 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x312 children: not-inline
|
||||
BlockContainer <div.box> at (31,21) content-size 200x200 positioned children: not-inline
|
||||
BlockContainer <div.inner> at (32,22) content-size 100x100 positioned [BFC] children: not-inline
|
||||
|
||||
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
||||
PaintableWithLines (BlockContainer<HTML>) [0,0 800x332]
|
||||
PaintableWithLines (BlockContainer<BODY>) [9,9 782x314]
|
||||
PaintableWithLines (BlockContainer<DIV>.box) [10,10 272x312]
|
||||
PaintableWithLines (BlockContainer<DIV>.inner) [31,21 102x102]
|
Loading…
Add table
Add a link
Reference in a new issue