ladybird/Tests/LibWeb/Ref/expected/scrolled-text-with-clipped-corners-ref.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

36 lines
1.2 KiB
HTML

<!DOCTYPE html>
<style>
* {
scrollbar-width: none;
}
#container {
width: 300px;
height: 300px;
border: 5px solid black;
border-radius: 50%;
overflow: hidden;
}
#text-container {
overflow: scroll;
width: 300px;
height: 300px;
font-size: 40px;
}
</style>
<div id="container">
<div id="text-container">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices neque eu nisi facilisis
viverra. Integer lacinia, lacus vel condimentum suscipit, lacus felis porta nulla, eget
lacinia sem neque ut neque. In sagittis, eros vel interdum porta, quam ex rhoncus lectus,
vitae suscipit risus orci sit amet velit. Praesent imperdiet condimentum rutrum. Cras vitae
nisl sapien. Curabitur ligula diam, tincidunt congue tincidunt nec, sodales nec orci.
Vestibulum tincidunt non elit in vehicula. Etiam malesuada neque eu porta rhoncus. Curabitur
vel nunc finibus ligula posuere venenatis.
</div>
</div>
<script>
const scrollContainer = document.getElementById("text-container");
scrollContainer.scrollTop = 300;
</script>