Index: LayoutTests/fast/block/positioning/positioned-movement-layout-when-height-changes-and-descendant-dependent-on-height.html |
diff --git a/LayoutTests/fast/block/positioning/positioned-movement-layout-when-height-changes-and-descendant-dependent-on-height.html b/LayoutTests/fast/block/positioning/positioned-movement-layout-when-height-changes-and-descendant-dependent-on-height.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..ec68a668cec43b701576b93d2058772099ada2d3 |
--- /dev/null |
+++ b/LayoutTests/fast/block/positioning/positioned-movement-layout-when-height-changes-and-descendant-dependent-on-height.html |
@@ -0,0 +1,45 @@ |
+<!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 { |
+ background-color: green; |
+ height: 100%; |
+ width: 10px; |
+ } |
+</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"> |
+<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. |