| Index: third_party/WebKit/LayoutTests/fast/block/positioning/positioned-child-inside-relative-positioned-anonymous-block.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/block/positioning/positioned-child-inside-relative-positioned-anonymous-block.html b/third_party/WebKit/LayoutTests/fast/block/positioning/positioned-child-inside-relative-positioned-anonymous-block.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..35d76f49bfbacb77164889658c664f0956c09fee
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/fast/block/positioning/positioned-child-inside-relative-positioned-anonymous-block.html
|
| @@ -0,0 +1,27 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| +#square {
|
| + width: 50px;
|
| + height: 20px;
|
| + background-color: green;
|
| + display: inline-block;
|
| +}
|
| +#inline-container {
|
| + display: inline;
|
| + position: relative;
|
| +}
|
| +#abspos {
|
| + position: absolute;
|
| + background-color: green;
|
| +}
|
| +</style>
|
| +<p> crbug.com/548017: A positioned element inside a relatively positioned inline should use the width of the inline, rather than the anonymous block created to accomodate block-flow parents, when determining its own width. There should be a green square below</p>
|
| +<div id="inline-container">
|
| + <div>
|
| + <div id="abspos" data-expected-width=50><div id="square"></div><div id="square"></div></div>
|
| + </div>
|
| +</div>
|
| +<script src="../../../resources/check-layout.js"></script>
|
| +<script type="text/javascript">
|
| + window.checkLayout("#abspos");
|
| +</script>
|
|
|