mirror of
https://github.com/SerenityOS/serenity
synced 2024-07-22 02:26:11 +00:00
f7bf14605c
`Painting::paint_all_borders()` only uses `.draw_line()` for simple borders and `.fill_path()` for more complex cases. These are both already supported by the `RecordingPainter` so removing this command simplifies the painting API. Two test changes: css-background-clip-text: Borders are now drawn via the AA painter (which makes them closer to how they appear in other browsers). corner-clip-inside-scrollable: Borders removed (does not change test) due to imperceptible sub-pixel changes.
38 lines
875 B
HTML
38 lines
875 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-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>
|