Index: LayoutTests/compositing/will-change/containing-block-creation-expected.html |
diff --git a/LayoutTests/compositing/will-change/containing-block-creation-expected.html b/LayoutTests/compositing/will-change/containing-block-creation-expected.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..05aad0ff3d4a64de13bcd307484c7a2eeb59994c |
--- /dev/null |
+++ b/LayoutTests/compositing/will-change/containing-block-creation-expected.html |
@@ -0,0 +1,51 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+ <style> |
+ #willChangeTop { |
+ position: absolute; |
+ left: 200px; |
+ top: 100px; |
+ width: 100px; |
+ height: 100px; |
+ background-color: blue; |
+ color: white; |
+ } |
+ |
+ #willChangeTransform { |
+ -webkit-transform: translateZ(0); |
+ position: absolute; |
+ left: 200px; |
+ top: 300px; |
+ width: 100px; |
+ height: 100px; |
+ background-color: blue; |
+ color: white; |
+ } |
+ |
+ .fixed { |
+ position: fixed; |
+ left: 50px; |
+ top: 50px; |
+ width: 75px; |
+ height: 75px; |
+ background-color: green |
+ } |
+ </style> |
+</head> |
+ |
+<body> |
+ This test verifies that "will-change: -webkit-transform" creates a containing |
+ block for fixed position descendants, and that other values of will-change do |
+ not create such a containing block. |
+ <div id="willChangeTop"> |
+ will-change: top |
+ <div class="fixed"></div> |
+ </div> |
+ <div id="willChangeTransform"> |
+ will-change: -webkit-transform |
+ <div class="fixed"></div> |
+ </div> |
+</body> |
+ |
+</html> |