RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 20:37:34 +00:00
Code Issues Activity Actions

LibWeb: Use the parent container's y offset when finding static position

Browse source 
Fixes #18819.
This commit is contained in:
implicitfield 2024-03-08 14:09:42 +04:00 • committed by Alexander Kalenik
parent bf06d5b634
commit 5da9f52b1f
5 changed files with 37 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

14
Tests/LibWeb/Layout/expected/abspos-box-with-block-level-sibling.txt Normal file
View file

@ -0,0 +1,14 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (5,5) content-size 790x236 [BFC] children: not-inline
BlockContainer <body> at (18,18) content-size 764x210 children: not-inline
BlockContainer <div.static> at (23,23) content-size 200x200 children: not-inline
BlockContainer <div.absolute> at (23,233) content-size 100x200 positioned [BFC] children: not-inline
BlockContainer <(anonymous)> at (18,228) content-size 764x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x246] overflow: [5,5 790x433]
PaintableWithLines (BlockContainer<BODY>) [13,13 774x220] overflow: [18,18 764x420]
PaintableWithLines (BlockContainer<DIV>.static) [18,18 210x210]
PaintableWithLines (BlockContainer<DIV>.absolute) [18,228 110x210]
PaintableWithLines (BlockContainer(anonymous)) [18,228 764x0]

16
Tests/LibWeb/Layout/input/abspos-box-with-block-level-sibling.html Normal file
View file

@ -0,0 +1,16 @@
<!DOCTYPE html><style>
* {
border: solid 5px black;
}
.static {
height: 200px;
width: 200px;
background: green;
}
.absolute {
position: absolute;
height: 200px;
width: 100px;
background: blue;
}
</style><div class="static"></div><div class="absolute"></div></div>