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> |
+ |