mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-09-28 20:29:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 10

LibWeb: Implement Element::scroll(HTML::ScrollToOptions)

Browse source
This commit is contained in:
Shannon Booth 2024-05-04 14:11:16 +12:00 • committed by Andrew Kaster
commit 71819153cb
Notes: sideshowbarker 2024-07-17 06:35:16 +09:00
4 changed files with 54 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

36
Tests/LibWeb/Text/input/element-scrollby-event.html Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<style>
#scrollable-div {
width: 300px;
height: 50px;
overflow: auto;
white-space: pre;
border: 1px solid black;
padding: 10px;
font-size: 50px;
}
</style>
<script src="include.js"></script>
<div id="scrollable-div">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed
cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis
ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum
lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos himenaeos.
</div>
<script>
asyncTest(done => {
const scrollable = document.getElementById("scrollable-div");
scrollable.addEventListener("scroll", event => {
println(`scroll event fired y=${scrollable.scrollTop} x=${scrollable.scrollLeft}`);
done();
});
scrollable.scrollBy({
top: 151,
left: 25,
behaviour: 'smooth'
})
});
</script>