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

LibWeb: Resolve auto margins on abspos elements in more cases

Browse source 
Specifically, we now handle cases where all three of `left`, `width`
and `right` are non-`auto`.
This commit is contained in:
Andreas Kling 2023-06-13 16:25:11 +02:00
parent f7dc2742a9
commit 41da9a4231
3 changed files with 64 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

31
Tests/LibWeb/Layout/input/block-and-inline/abspos-with-auto-margins-in-inline-axis.html Normal file
View file

@ -0,0 +1,31 @@
<!DOCTYPE html><style>
* {
border: 1px solid black;
}
div {
height: 100px;
width: 100px;
position: absolute;
height: 100px;
}
#foo {
margin: auto;
left: 0px;
right: 0px;
top: 0px;
}
#bar {
margin-left: auto;
margin-right: 0px;
left: 0px;
right: 0px;
top: 100px;
}
#baz {
margin-left: 0px;
margin-right: auto;
left: 0px;
right: 0px;
top: 200px;
}
</style><div id=foo></div><div id=bar></div><div id=baz></div>