Chromium Code Reviews Chromium Code Reviews
Issue 1674323002:
Detect a change in border that affects a positioned object's height or position (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/fast/block/positioning/positioned-container-changes-block-direction-border-with-positioned-descendant.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/block/positioning/positioned-container-changes-block-direction-border-with-positioned-descendant.html b/third_party/WebKit/LayoutTests/fast/block/positioning/positioned-container-changes-block-direction-border-with-positioned-descendant.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..f7b3bff5fcfa42d8c01d919eaabf5494e51497c2 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/block/positioning/positioned-container-changes-block-direction-border-with-positioned-descendant.html |
| @@ -0,0 +1,39 @@ |
| +<!DOCTYPE html> |
| +<style> |
| +#container { |
| + position: relative; |
| + width: 200px; |
| + height: 200px; |
| + background: red; |
| +} |
| +#parent { |
| + position: absolute; |
| + top: 0; |
| + bottom: 0; |
| + left: 0; |
| + right: 0; |
| + border: solid green; |
| + border-width: 50px 50px; |
| +} |
| +#parent div { |
| + position: absolute; |
| + left: 0px; |
| + top: 0px; |
| + right: 0px; |
| + bottom: 0px; |
| + background-color:green; |
| +} |
| +</style> |
| +<script src="../../../resources/check-layout.js"></script> |
| +<p>crbug.com/581612: Changing block-direction border width on a positioned element with auto height should flex the height of its descendants. There should be no red.</p> |
| +<div id="console"></div> |
| +<div id="container"> |
| + <div id="parent"> |
| + <div id="child" data-expected-height=140></div> |
|
mstensho (USE GERRIT)
2016/02/17 10:19:42
There are tabs here.
|
| + </div> |
| +</div> |
| +<script> |
| + document.body.offsetTop; |
| + document.getElementById('parent').style.borderTopWidth = '10px'; |
| + checkLayout('#child', document.getElementById('console')); |
| +</script> |
