Index: third_party/WebKit/LayoutTests/fast/multicol/dynamic/bottom-aligned-abspos-change-column-height.html |
diff --git a/third_party/WebKit/LayoutTests/fast/multicol/dynamic/bottom-aligned-abspos-change-column-height.html b/third_party/WebKit/LayoutTests/fast/multicol/dynamic/bottom-aligned-abspos-change-column-height.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..7a3fb0c81ac3ef7be3603a0564aaaa3a335d8b65 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/multicol/dynamic/bottom-aligned-abspos-change-column-height.html |
@@ -0,0 +1,17 @@ |
+<!DOCTYPE html> |
+<script src="../../../resources/check-layout.js"></script> |
+<p>A bottom-aligned absolutely positioned descendant needs to be repositioned before being |
+ repaginated when its containing block gets a new height.</p> |
+<p>The word "PAPAYA" should be seen in the first column below.</p> |
+<div id="multicol" style="position:relative; -webkit-columns:2; column-fill:auto; width:20em; height:200px; color:papayawhip; background:papayawhip;"> |
+ <div style="position:relative; height:100%;"> |
+ <div data-offset-y="140" style="position:absolute; bottom:0; height:50px; line-height:50px; background:black;"> |
+ <div data-offset-y="0">PAPAYA</div> |
+ </div> |
+ </div> |
+</div> |
+<script> |
+ document.body.offsetTop; |
+ document.getElementById("multicol").style.height = "190px"; |
+ checkLayout("#multicol"); |
+</script> |