RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 23:17:45 +00:00
Code Issues Activity Actions

LibWeb: Account for scroll offset in overflow clip rect calculation

Browse source 
This change addresses an issue with overflow clipping in scenarios
where `overflow: hidden` is applied to boxes nested within elements
with `overflow: scroll`.

Fixes https://github.com/SerenityOS/serenity/issues/22733
This commit is contained in:
Aliaksandr Kalenik 2024-01-31 05:25:12 +01:00 • committed by Andreas Kling
parent 4330cdee74
commit 9dddd6b028
5 changed files with 281 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

48
Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-2-ref.html Normal file
View file

@ -0,0 +1,48 @@
<!DOCTYPE html><style>
html {
background: white;
}
body {
position: absolute;
inset: 0px;
display: flex;
background: pink;
}
#outer {
margin-top: 100px;
overflow-x: hidden;
overflow-y: scroll;
background: orange;
}
#inner {
height: 1000px;
background: magenta;
}
.item {
box-sizing: border-box;
border: 1px solid black;
width: 200px;
height: 50px;
overflow: hidden;
background: lime;
}
</style><body><div id="outer"><div id="inner">
<div class="item">11</div>
<div class="item">12</div>
<div class="item">13</div>
<div class="item">14</div>
<div class="item">15</div>
<div class="item">16</div>
<div class="item">17</div>
<div class="item">18</div>
<div class="item">19</div>
<div class="item">20</div>
<div class="item">21</div>
<div class="item">22</div>
<div class="item">23</div>
<div class="item">24</div>
<div class="item">25</div>
<div class="item">26</div>
<div class="item">27</div>
<div class="item">28</div>
<div class="item">29</div>