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

LibWeb: Use padding box of containing block to resolve % height size

Browse source 
From CSS-POSITION-3 <https://www.w3.org/TR/css-position-3/#def-cb>

"..the containing block is formed by the padding edge of the ancestor.."

Fixes crash on Acid2 test.
This commit is contained in:
Aliaksandr Kalenik 2023-06-18 19:18:49 +03:00 • committed by Andreas Kling
parent 14ae0524e9
commit ca0c2339f4
5 changed files with 47 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

13
Tests/LibWeb/Layout/input/block-and-inline/percentage-min-height-with-containing-block-padding.html Normal file
View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<style type="text/css">
.container {
padding-top: 100px;
height: 500px;
background-color: cadetblue;
}
.hmm {
min-height: 50%;
background-color: pink;
border: 10px solid rebeccapurple
}
</style><div class="container"><div class="hmm">hello</div></div>

8
Tests/LibWeb/Layout/input/block-and-inline/percentage-min-height.html Normal file
View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<style type="text/css">
.hmm {
min-height: 50%;
background-color: pink;
border: 10px solid rebeccapurple
}
</style><div class="hmm">hello</div>