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:
parent
d43dbe2842
commit
4a41a65ec5
4 changed files with 54 additions and 4 deletions
34
Tests/LibWeb/Ref/button-inside-scroll-container.html
Normal file
34
Tests/LibWeb/Ref/button-inside-scroll-container.html
Normal 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>
|
Loading…
Add table
Add a link
Reference in a new issue