1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 03:07:44 +00:00
serenity/Tests/LibWeb/Ref/corner-clip-inside-scrollable.html
Aliaksandr Kalenik c74fc4c171 LibWeb: Clean previous border radii clips in refresh_clip_state()
The list of border radii clips needs to be reset before being populated
with new clips that have refreshed positions. Besides fixing painting,
this also improves performance because the number of sample/blit
commands does not increase as we scroll.
2024-02-28 07:44:12 -05:00

38 lines
908 B
HTML

<!DOCTYPE html>
<link rel="match" href="reference/corner-clip-inside-scrollable-ref.html" />
<style>
* {
scrollbar-width: none;
}
.box {
width: 100px;
height: 100px;
border: 5px solid black;
border-radius: 50%;
overflow: hidden;
box-sizing: border-box;
}
.inner-box {
width: 100px;
height: 100px;
background-color: magenta;
}
#scroll {
overflow: scroll;
width: 200px;
height: 200px;
border: 1px solid black;
}
</style>
<div id="scroll">
<div class="box" id="a"><div class="inner-box" id="aa"></div></div>
<div class="box" id="b"><div class="inner-box" id="bb"></div></div>
<div class="box" id="c"><div class="inner-box" id="cc"></div></div>
</div>
<script>
const scroll = document.getElementById("scroll");
scroll.scrollTop = 100;
</script>