mirror of
https://github.com/HeyPuter/firefox.git
synced 2026-11-13 20:14:57 -10:00
Morten Stenshorne
45df849bc6
Automatic update from web-platform-tests Add 6 transform / compositing block fragmentation tests. None of them pass by default in Blink. 3 of them pass with CompositeAfterPaint enabled, while the other 3 also need LayoutNGBlockFragmentation in addition to CompositeAfterPaint. Bug: 1058792, 471333, 829028 Change-Id: I99d31cf67e6c4009b6d29e2520c653658b217d1c Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2734794 Reviewed-by: Xianzhu Wang <[email protected]> Commit-Queue: Morten Stenshorne <[email protected]> Cr-Commit-Position: refs/heads/master@{#859913} -- wpt-commits: d182ea4fe7920d881213fe418bafd5f86a28ada8 wpt-pr: 27895
22 lines
897 B
HTML
22 lines
897 B
HTML
<!DOCTYPE html>
|
|
<link rel="author" title="Morten Stenshorne" href="mailto:[email protected]">
|
|
<link rel="help" href="https://www.w3.org/TR/css-break-3/#transforms">
|
|
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
|
|
<style>
|
|
.relpos {
|
|
position: relative;
|
|
left: -60px;
|
|
top: -50px;
|
|
background: green;
|
|
}
|
|
</style>
|
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
|
<div style="writing-mode:vertical-rl; inline-size:100px; block-size:100px; columns:4; column-fill:auto; column-gap:0; background:red;">
|
|
<div style="block-size:50px; background:green;"></div>
|
|
<div style="will-change:transform; transform:translate(60px, 50px);">
|
|
<div class="relpos" style="block-size:100px;"></div>
|
|
<div class="relpos" style="block-size:100px;"></div>
|
|
<div class="relpos" style="block-size:150px;"></div>
|
|
</div>
|
|
</div>
|