Index: LayoutTests/fast/repaint/fixed-descendant-of-transformed-scrolled.html |
diff --git a/LayoutTests/fast/repaint/fixed-descendant-of-transformed-scrolled.html b/LayoutTests/fast/repaint/fixed-descendant-of-transformed-scrolled.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..e53e136de370e8e2b08894059492c71035a5a4c3 |
--- /dev/null |
+++ b/LayoutTests/fast/repaint/fixed-descendant-of-transformed-scrolled.html |
@@ -0,0 +1,48 @@ |
+<!DOCTYPE html> |
+<script src="resources/text-based-repaint.js"></script> |
+<script> |
+function repaintTest() { |
+ document.getElementById('fixed').style.backgroundColor = 'green'; |
+} |
+onload = function() { |
+ document.getElementById('transformed').scrollTop = 50; |
+ runRepaintTest(); |
+} |
+</script> |
+<style> |
+#transformed { |
+ position: absolute; |
+ top: 50px; |
+ left: 100px; |
+ transform: translateX(0); |
+ overflow: scroll; |
+ width: 300px; |
+ height: 300px; |
+} |
+#fixed { |
+ position: fixed; |
+ top: 150px; |
+ left: 100px; |
+ width: 100px; |
+ height: 100px; |
+ background-color: red; |
+} |
+#relative { |
+ position: relative; |
+ top: 50px; |
+ left: 50px; |
+} |
+/* to make the transformed container scrollable */ |
+#content { |
+ width: 1000px; |
+ height: 1000px; |
+} |
+</style> |
+Tests invalidation of a fixed-position descendant of a transformed scrolled element. |
+Passes if there is a green box at the center of the scrollable area. |
+<div id="transformed"> |
+ <div id="relative"> |
+ <div id="fixed"></div> |
+ <div id="content"></div> |
+ </div> |
+</div> |