mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-09 10:31:51 +00:00
37 lines
1 KiB
HTML
37 lines
1 KiB
HTML
<!DOCTYPE html>
|
|
<style>
|
|
.scrollable-div {
|
|
width: 100%;
|
|
overflow-x: auto;
|
|
white-space: nowrap;
|
|
border: 10px magenta solid;
|
|
}
|
|
|
|
span {
|
|
width: 100px;
|
|
height: 100px;
|
|
display: inline-block;
|
|
border: 10px solid #000;
|
|
}
|
|
|
|
body {
|
|
width: 300px;
|
|
}
|
|
</style>
|
|
<body>
|
|
<div class="scrollable-div">
|
|
<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>
|
|
</body>
|
|
<script src="./include.js"></script>
|
|
<script>
|
|
test(() => {
|
|
const scrollableDiv = document.querySelector('.scrollable-div');
|
|
scrollableDiv.scrollLeft = scrollableDiv.scrollWidth;
|
|
println("scrollLeft (before resize): " + scrollableDiv.scrollLeft);
|
|
document.body.style.width = '600px';
|
|
println("scrollLeft (after resize): " + scrollableDiv.scrollLeft);
|
|
});
|
|
</script>
|