mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-19 15:32:31 +00:00
4d9f17eddf
This improves the quality of our font rendering, especially when
animations are involved. Relevant changes:
* Skia fonts have their subpixel flag set, which means that individual
glyphs are rendered at subpixel offsets causing glyph runs as a
whole to look better.
* Fragment offsets are no longer rounded to whole device pixels, and
instead the floating point offset is kept. This allows us to pass
through the floating point baseline position all the way to the Skia
calls, which already expected that to be a float position.
The `scrollable-contains-table.html` ref test needed different table
headings since they would slightly inflate the column size in the test
file, but not the reference.
101 lines
3 KiB
HTML
101 lines
3 KiB
HTML
<!DOCTYPE html>
|
|
<link rel="match" href="../expected/scrollable-contains-table-ref.html" />
|
|
<head>
|
|
<style>
|
|
* {
|
|
scrollbar-width: none;
|
|
}
|
|
#scrollable-div {
|
|
width: 300px;
|
|
height: 300px;
|
|
overflow: auto;
|
|
border: 1px solid #000;
|
|
}
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
th,
|
|
td {
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 50px;
|
|
box-sizing: content-box;
|
|
border: 1px solid #000;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="scrollable-div">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>TH 1</th>
|
|
<th>TH 2</th>
|
|
<th>TH 3</th>
|
|
<th>TH 4</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Row 1, Cell 1</td>
|
|
<td>Row 1, Cell 2</td>
|
|
<td>Row 1, Cell 3</td>
|
|
<td>Row 1, Cell 4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Row 2, Cell 1</td>
|
|
<td>Row 2, Cell 2</td>
|
|
<td>Row 2, Cell 3</td>
|
|
<td>Row 2, Cell 4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Row 3, Cell 1</td>
|
|
<td>Row 3, Cell 2</td>
|
|
<td>Row 3, Cell 3</td>
|
|
<td>Row 3, Cell 4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Row 4, Cell 1</td>
|
|
<td>Row 4, Cell 2</td>
|
|
<td>Row 4, Cell 3</td>
|
|
<td>Row 4, Cell 4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Row 5, Cell 1</td>
|
|
<td>Row 5, Cell 2</td>
|
|
<td>Row 5, Cell 3</td>
|
|
<td>Row 5, Cell 4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Row 6, Cell 1</td>
|
|
<td>Row 6, Cell 2</td>
|
|
<td>Row 6, Cell 3</td>
|
|
<td>Row 6, Cell 4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Row 7, Cell 1</td>
|
|
<td>Row 7, Cell 2</td>
|
|
<td>Row 7, Cell 3</td>
|
|
<td>Row 7, Cell 4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Row 8, Cell 1</td>
|
|
<td>Row 8, Cell 2</td>
|
|
<td>Row 8, Cell 3</td>
|
|
<td>Row 8, Cell 4</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Row 9, Cell 1</td>
|
|
<td>Row 9, Cell 2</td>
|
|
<td>Row 9, Cell 3</td>
|
|
<td>Row 9, Cell 4</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
const scrollContainer = document.getElementById("scrollable-div");
|
|
scrollContainer.scrollTop = 100;
|
|
</script>
|