Index: LayoutTests/compositing/overflow/transform-should-update-container-overflow.html |
diff --git a/LayoutTests/compositing/overflow/transform-should-update-container-overflow.html b/LayoutTests/compositing/overflow/transform-should-update-container-overflow.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..8c1fd16034abb5f9f0cf25324c2a1d98094dbe04 |
--- /dev/null |
+++ b/LayoutTests/compositing/overflow/transform-should-update-container-overflow.html |
@@ -0,0 +1,31 @@ |
+<!DOCTYPE html> |
+<style> |
+#container { |
+ width: 100px; |
+ height: 100px; |
+ position: relative; |
+ overflow: hidden; |
+} |
+ |
+#composited { |
+ -webkit-transform: translateZ(0); |
+ width: 100px; |
+ height: 100px; |
+ background-color: green; |
+} |
+</style> |
+This test verifies layout overflow will be recomputed when CSS transform is changed. |
+<div id="container" data-expected-scroll-width="100" data-expected-scroll-height="100"> |
+ <div id="composited"> |
+ </div> |
+</div> |
+<script src="../../resources/check-layout.js"></script> |
+<script> |
+ checkLayout("#container"); |
+ var composited = document.getElementById('composited'); |
+ composited.style.webkitTransform = 'translate3d(100px, 100px, 0)'; |
+ var container = document.getElementById('container'); |
+ container.setAttribute("data-expected-scroll-width", 200); |
+ container.setAttribute("data-expected-scroll-height", 200); |
+ checkLayout("#container"); |
+</script> |