| Index: LayoutTests/fast/repaint/scroll-stacking-context-backface-visiblity-leaves-traces.html
|
| diff --git a/LayoutTests/fast/repaint/scroll-stacking-context-backface-visiblity-leaves-traces.html b/LayoutTests/fast/repaint/scroll-stacking-context-backface-visiblity-leaves-traces.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..24d310dcb7221f218cb7bf444be911d6e4f89b30
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/repaint/scroll-stacking-context-backface-visiblity-leaves-traces.html
|
| @@ -0,0 +1,51 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| +#searchbar {
|
| + bottom: 0; /* Useful for seeing the issue visually. */
|
| + position: fixed;
|
| +}
|
| +#recentlink {
|
| + background: purple;
|
| + position: absolute;
|
| + width: 150px;
|
| + height: 150px;
|
| +}
|
| +header {
|
| + padding: 10px;
|
| + position: relative;
|
| + z-index: 50;
|
| + -webkit-backface-visibility: hidden;
|
| +}
|
| +</style>
|
| +To manually test, just scroll down, there should be no purple trace.
|
| +<header>
|
| + <div id="searchbar">
|
| + <div id="recentlink"></div>
|
| + </div>
|
| +</header>
|
| +
|
| +<!-- Used to have some overflowing content to scroll -->
|
| +<div style="height: 5000px"></div>
|
| +
|
| +<script src="resources/text-based-repaint.js" type="text/javascript"></script>
|
| +<script>
|
| +window.scrollTo(0, 1000);
|
| +
|
| +window.testIsAsync = true;
|
| +if (window.testRunner)
|
| + testRunner.waitUntilDone();
|
| +
|
| +function repaintTest()
|
| +{
|
| + window.scrollBy(0, 400);
|
| + finishRepaintTest();
|
| +}
|
| +
|
| +// We need to skip 2 frames for the bug to show under DRT.
|
| +window.requestAnimationFrame(function() {
|
| + window.requestAnimationFrame(function() {
|
| + runRepaintTest();
|
| + });
|
| +});
|
| +</script>
|
| +
|
|
|