Index: LayoutTests/fast/block/positioning/positioned-movement-layout-when-height-changes-and-positioned-descendant-dependent-on-height.html |
diff --git a/LayoutTests/fast/block/positioning/positioned-movement-layout-when-height-changes-and-positioned-descendant-dependent-on-height.html b/LayoutTests/fast/block/positioning/positioned-movement-layout-when-height-changes-and-positioned-descendant-dependent-on-height.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..a62753d19444e64006c787a17f235e878b4bb0ac |
--- /dev/null |
+++ b/LayoutTests/fast/block/positioning/positioned-movement-layout-when-height-changes-and-positioned-descendant-dependent-on-height.html |
@@ -0,0 +1,49 @@ |
+<!DOCTYPE HTML> |
+<style> |
+ body { |
+ margin: 0; |
+ } |
+ #container { |
+ position: absolute; |
+ height: 154px; |
+ width: 20px; |
+ overflow: hidden; |
+ background-color: blue; |
+ } |
+ #test { |
+ position: absolute; |
+ top: 0px; |
+ bottom: 0px; |
+ left: 0px; |
+ right: 0px; |
+ height: auto; |
+ } |
+ .contents { |
+ position: absolute; |
+ background-color: green; |
+ top: 0px; |
+ bottom: 0px; |
+ left: 0px; |
+ right: 0px; |
+ height: auto; |
+ } |
+</style> |
+<script> |
+ |
+ function runTest() |
+ { |
+ var test = document.getElementById('test'); |
+ document.body.offsetTop; |
+ test.style['top'] = '20px'; |
+ test.style['bottom'] = '20px'; |
+ } |
+ window.onload = runTest; |
+</script> |
+<div id="top"> |
Julien - ping for review
2015/01/06 14:35:09
#top is unused in both test cases.
|
+<div id="container"> |
+ <div id="test"> |
+ <div class="contents"></div> |
+ </div> |
+</div> |
+</div> |
+Tests positioned movement layout when its height has changed and a descendant depends on its height. |
Julien - ping for review
2015/01/06 14:35:09
You forgot to put the visual condition for passing
|