RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-31 19:38:12 +00:00
Code Issues Activity Actions

LibWeb: Return overflow rect width from Element::scroll_width()

Browse source 
Spec says that this function has to return "width of the element
scrolling area" which is width of "scrolling overflow rect" in our
model.
This commit is contained in:
Aliaksandr Kalenik 2024-02-16 01:10:32 +01:00 • committed by Andreas Kling
parent 89319cd0c9
commit 9f581d0bc9
3 changed files with 28 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

26
Tests/LibWeb/Text/input/DOM/element-scroll-width.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<script src="../include.js"></script>
<style>
* {
outline: 1px solid black;
}
.scrollable {
width: 300px;
overflow-x: auto;
white-space: nowrap;
}
span {
width: 100px;
height: 100px;
display: inline-block;
}
</style>
<div class="scrollable"><span>Item 1</span><span>Item 2</span><span>Item 3</span><span>Item 4</span><span>Item 5</span><span>Item 6</span><span>Item 7</span><span>Item 8</span><span>Item 9</span><span>Item 10</span><span>Item 11</span><span>Item 12</span></div>
<script>
test(() => {
const scrollable = document.querySelector(".scrollable");
println(scrollable.scrollWidth);
});
</script>