ladybird/Tests/LibWeb/Ref/input/corner-clip-inside-scrollable.html
Sam Atkins b7efb61fbe Tests/LibWeb: Restructure Ref and Screenshot test dirs to match others
Now each test type has the same directories:
- input
- expected
- data

Also, tests can be in subdirectories within ./input.
2024-11-05 14:02:07 +00:00

37 lines
877 B
HTML

<!DOCTYPE html>
<link rel="match" href="../expected/corner-clip-inside-scrollable-ref.html" />
<style>
* {
scrollbar-width: none;
}
.box {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
box-sizing: border-box;
}
.inner-box {
width: 100px;
height: 100px;
background-color: magenta;
}
#scroll {
overflow: scroll;
width: 200px;
height: 200px;
border: 1px solid black;
}
</style>
<div id="scroll">
<div class="box" id="a"><div class="inner-box" id="aa"></div></div>
<div class="box" id="b"><div class="inner-box" id="bb"></div></div>
<div class="box" id="c"><div class="inner-box" id="cc"></div></div>
</div>
<script>
const scroll = document.getElementById("scroll");
scroll.scrollTop = 100;
</script>