| 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..ef3fcb1ad13e2d30eb6850118f9398e24e1a39af
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/block/positioning/positioned-movement-layout-when-height-changes-and-descendant-dependent-on-height.html
|
| @@ -0,0 +1,43 @@
|
| +<!DOCTYPE HTML>
|
| +<style>
|
| + body {
|
| + margin: 0;
|
| + }
|
| + #container {
|
| + position: absolute;
|
| + height: 154px;
|
| + width: 20px;
|
| + background-color: blue;
|
| + }
|
| + #test {
|
| + position: absolute;
|
| + top: 0px;
|
| + bottom: 0px;
|
| + left: 0px;
|
| + right: 0px;
|
| + }
|
| + .contents {
|
| + background-color: green;
|
| + height: 100%;
|
| + width: 10px;
|
| + }
|
| +</style>
|
| +<script src="../../../resources/check-layout.js"></script>
|
| +<script>
|
| +
|
| + function runTest()
|
| + {
|
| + var test = document.getElementById('test');
|
| + document.body.offsetTop;
|
| + test.style['top'] = '20px';
|
| + test.style['bottom'] = '20px';
|
| + window.checkLayout(".contents");
|
| + }
|
| + window.onload = runTest;
|
| +</script>
|
| +<div id="container">
|
| + <div id="test">
|
| + <div class="contents" data-expected-height=114></div>
|
| + </div>
|
| +</div>
|
| +Tests positioned movement layout when its height has changed and a descendant depends on its height.
|
|
|