mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-08-12 11:09:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

LibWeb: Add additional padding to the end of the scrollable overflow

Browse source 
Adds additional padding to the end-side of the scrollable overflow
rectangle as necessary to enable a scroll position that satisfies
the requirements of `place-content: end` alignment.
This commit is contained in:
BenJilks 2024-08-01 14:29:09 +01:00 • committed by Andreas Kling
commit 963cf1c2c4
Notes: github-actions[bot] 2024-08-02 06:08:47 +00:00
7 changed files with 104 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

19
Tests/LibWeb/Layout/input/overflow-with-padding.html Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<style>
.outer {
border: 1px solid black;
padding: 25px;
width: 400px;
height: 70px;
overflow: auto;
}
.inner {
border: 1px solid black;
width: 400px;
height: 100px;
overflow: visable;
}
</style>
<div class="outer"><div class="inner">This should be scrollable vertically because of the padding.<span></span></div></div>
<div class="outer"><div class="inner">This padding represents, within the scrollable overflow rectangle, the box’s own padding so that when its content is scrolled to the end, there is padding between the end-edge of its in-flow (or floated) content and the border edge of the box. It typically ends up being exactly the same size as the box’s own padding, except in a few cases—such as when an out-of-flow positioned element, or the visible overflow of a descendent, has already increased the size of the scrollable overflow rectangle outside the conceptual “content edge” of the scroll container’s content.</div></div>