| Index: LayoutTests/fast/block/positioning/rel-positioned-inline-changes-width.html
|
| diff --git a/LayoutTests/fast/block/positioning/rel-positioned-inline-changes-width.html b/LayoutTests/fast/block/positioning/rel-positioned-inline-changes-width.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..c4f5778339a762eb4e658ab7848e2d71d57305a5
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/block/positioning/rel-positioned-inline-changes-width.html
|
| @@ -0,0 +1,57 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| + #container {
|
| + position: relative;
|
| + font: 10px Ahem;
|
| + }
|
| + #abs {
|
| + position: absolute;
|
| + border: solid 4px red;
|
| + }
|
| + .inline-pos {
|
| + top: 4px;
|
| + }
|
| + .right {
|
| + right: -12px;
|
| + }
|
| + .block-pos {
|
| + bottom: -12px;
|
| + right: 4px;
|
| + }
|
| + .inline {
|
| + display: inline;
|
| + }
|
| + .rtl {
|
| + direction: rtl;
|
| + }
|
| +</head>
|
| +</style>
|
| +<script src="../../../resources/check-layout.js"></script>
|
| +<body>
|
| + <p>An abspos element should move with the edge of its inline relpos container when the latter changes width.</p>
|
| + <div>
|
| + <div>
|
| + <span id="container"><span id="text">Hello</span><div id="abs" class="inline-pos right" data-total-x=118></div></span>
|
| + </div>
|
| + <div>
|
| + <span id="container"><span id="inline-text">Hello</span><div id="abs" class="inline inline-pos right" data-total-x=118></div></span>
|
| + </div>
|
| + </div>
|
| + <div class="rtl">
|
| + <div>
|
| + <span id="container"><span id="text-rtl">Hello</span><div id="abs" class="inline-pos right" data-total-x=118></div></span>
|
| + </div>
|
| + <div>
|
| + <span id="container"><span id="inline-text-rtl">Hello</span><div id="abs" class="inline inline-pos right" data-total-x=118></div></span>
|
| + </div>
|
| + </div>
|
| + <script>
|
| + document.body.offsetTop;
|
| + document.getElementById('text').innerHTML = 'hello world';
|
| + document.getElementById('text-rtl').innerHTML = 'hello world';
|
| + document.getElementById('inline-text').innerHTML = 'hello world';
|
| + document.getElementById('inline-text-rtl').innerHTML = 'hello world';
|
| + checkLayout('#abs')
|
| + </script>
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 372023002:
Abs-positioned objects should move with inline rel-positioned containers when the latter change wid… (Closed)
Base URL: svn://svn.chromium.org/blink/trunk