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..d2173f9166f4f034b84d89587d82e953706bdfa3 |
--- /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> |
+ </div> |
+</div> |
+<script> |
+ document.body.offsetTop; |
+ document.getElementById('parent').style.borderTopWidth = '10px'; |
+ checkLayout('#child', document.getElementById('console')); |
+</script> |