1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-31 18:18:12 +00:00

LibWeb: Shift button paintable clip rectangle by scroll offset

Rectangles should be recorded using absolute coordinates, including
the scroll offset.
This commit is contained in:
Aliaksandr Kalenik 2024-02-06 11:19:55 +01:00 committed by Andreas Kling
parent d43dbe2842
commit 4a41a65ec5
4 changed files with 54 additions and 4 deletions

View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<link rel="match" href="reference/button-inside-scroll-container-ref.html" />
<style>
#scrollable {
height: 300px;
overflow: scroll;
}
input[type="submit"] {
display: block;
width: 100px;
height: 100px;
background-color: green;
outline: none;
border: 5px solid magenta;
box-sizing: border-box;
}
</style>
<div id="scrollable">
<input type="submit" value="1" />
<input type="submit" value="2" />
<input type="submit" value="3" />
<input type="submit" value="4" />
<input type="submit" value="5" />
<input type="submit" value="6" />
<input type="submit" value="7" />
<input type="submit" value="8" />
<input type="submit" value="9" />
<input type="submit" value="10" />
</div>
<script>
const scrollContainer = document.getElementById("scrollable");
scrollContainer.scrollTop = 100;
</script>