mirror of
https://github.com/RGBCube/serenity
synced 2025-07-26 03:07:44 +00:00

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.
38 lines
908 B
HTML
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>
|