ladybird/Tests/LibWeb/Text/input/resolve-css-overflow-effective-value.html
Aliaksandr Kalenik 623ad94582 LibWeb: Resolve effective overflow-x and overflow-y according to spec
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."
2024-02-06 08:39:06 +01:00

19 lines
521 B
HTML

<!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>