mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-29 12:19:54 +00:00
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."
This commit is contained in:
parent
b6292a2d7d
commit
623ad94582
Notes:
sideshowbarker
2024-07-17 11:06:06 +09:00
Author: https://github.com/kalenikaliaksandr
Commit: 623ad94582
Pull-request: https://github.com/SerenityOS/serenity/pull/23066
Reviewed-by: https://github.com/awesomekling
6 changed files with 74 additions and 0 deletions
|
@ -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>
|
Loading…
Add table
Add a link
Reference in a new issue