Chromium Code Reviews| 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
|