ladybird/Tests/LibWeb/Ref/input/scrollable-contains-box-with-gradient-background.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

30 lines
748 B
HTML

<!DOCTYPE html>
<link rel="match" href="../expected/scrollable-contains-box-with-gradient-background-ref.html" />
<style type="text/css">
* {
scrollbar-width: none;
}
.box {
width: 180px;
height: 64px;
background: linear-gradient(rgb(109, 152, 204), rgb(138, 100, 229));
border-radius: 100px;
}
#scrollable {
width: 200px;
height: 200px;
overflow: scroll;
border: 10px solid orchid;
}
</style>
<div id="scrollable">
<div style="height: 100px"></div>
<div class="box"></div>
<div style="height: 200px"></div>
</div>
<script>
const scrollContainer = document.getElementById("scrollable");
scrollContainer.scrollTop = 100;
</script>