ladybird/Tests/LibWeb/Ref/input/abspos-escapes-scroll-container.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
720 B
HTML

<!DOCTYPE html>
<link rel="match" href="../expected/abspos-escapes-scroll-container-ref.html" />
<style>
#scrollable-box {
width: 300px;
height: 200px;
overflow: auto;
border: 1px solid black;
scrollbar-width: none;
}
.content {
height: 600px;
}
.absolute-element {
position: absolute;
top: 10px;
right: 10px;
background-color: yellow;
}
</style>
<div id="scrollable-box">
<div class="content"><span><span>Content that makes the container scrollable...</span></span></div>
<div class="absolute-element">
Abspos Element
</div>
</div>
<script>
const scrollContainer = document.getElementById("scrollable-box");
scrollContainer.scrollTop = 500;
</script>