mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-11 05:39:41 +02:00
48c9f2e6c4
Automatic update from web-platform-tests [CompositeAfterPaint/PE] Fix scrolling background painting of table cells When painting the scrolling background of a table cell, we need the same logic in BoxPainter::PaintBoxDecorationBackground() for special display item client, paint rect and paint state. We can't merge PaintBoxDecorationBackground() for now for BoxPainter and TableCellPainter because table cell needs a special clip to prevent the background from covering the border e.g. when the table cell is painted on a seperate composited layer. We can merge them when we remove pre-CompositeAfterPaint code path. Bug: 524134 Change-Id: I94b891bca86ae4ddd9e689e38114e70c0e8acb51 Reviewed-on: https://chromium-review.googlesource.com/c/1401432 Commit-Queue: Xianzhu Wang <wangxianzhu@chromium.org> Reviewed-by: Chris Harrelson <chrishtr@chromium.org> Cr-Commit-Position: refs/heads/master@{#621486} -- wpt-commits: 2012b25f21052f2afb9df59662b7acd5b5dc8e76 wpt-pr: 14788
24 lines
1.1 KiB
HTML
24 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<title>Tests rendering of table cell's background-image with local attachment.</title>
|
|
<link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#ref-for-valdef-background-attachment-local">
|
|
<link rel="help" href="https://www.w3.org/TR/css-overflow-3/#valdef-overflow-hidden">
|
|
<link rel="help" href="https://www.w3.org/TR/CSS2/visuren.html#block-formatting">
|
|
<link rel="match" href="table-cell-background-local-ref.html">
|
|
<meta name="assert" content="The local attachment background image of a table cell with overflow:hidden should be positioned in the scrolling area and clipped">
|
|
Passes if there is a brown square.
|
|
<table style="border-spacing: 0">
|
|
<tr>
|
|
<td id="target"
|
|
style="overflow: hidden; padding: 0;
|
|
background: linear-gradient(to bottom right, green, red);
|
|
background-attachment: local">
|
|
<div style="width: 100px; height: 100px">
|
|
<div style="width: 3000px; height: 3000px"></div>
|
|
</div>
|
|
</div>
|
|
</tr>
|
|
</table>
|
|
<script>
|
|
target.scrollTop = 1500;
|
|
target.scrollLeft = 1500;
|
|
</script>
|