RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-24 22:17:42 +00:00
Code Issues Activity Actions

LibWeb: Resolve effective overflow-x and overflow-y according to spec

Browse source 
Implements following rule from CSS Overflow Module Level 3:
"The visible/clip values of overflow compute to auto/hidden
(respectively) if one of overflow-x or overflow-y is neither visible
nor clip."
This commit is contained in:
Aliaksandr Kalenik 2024-02-04 15:27:04 +01:00 • committed by Andreas Kling
parent b6292a2d7d
commit 623ad94582
6 changed files with 74 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

19
Tests/LibWeb/Text/input/resolve-css-overflow-effective-value.html Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<style>
.box {
overflow-y: hidden;
overflow-x: visible;
width: 200px;
height: 200px;
background-color: darkblue;
}
</style>
<body><div class="box"></div></body>
<script src="include.js"></script>
<script>
test(() => {
const box = window.getComputedStyle(document.querySelector(".box"));
println(`overflow-x: ${box.getPropertyValue("overflow-x")}`);
println(`overflow-y: ${box.getPropertyValue("overflow-y")}`);
});
</script>