Index: third_party/WebKit/LayoutTests/fast/multicol/nested-uneven-inner-column-height.html |
diff --git a/third_party/WebKit/LayoutTests/fast/multicol/nested-uneven-inner-column-height.html b/third_party/WebKit/LayoutTests/fast/multicol/nested-uneven-inner-column-height.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..3da84400d438017c67042620e39b3411b89965ef |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/multicol/nested-uneven-inner-column-height.html |
@@ -0,0 +1,18 @@ |
+<!DOCTYPE html> |
+<script src="../../resources/check-layout.js"></script> |
+<p>There should be two words below, on separate lines, with large letter spacing. The first line |
+ should read "SART". The second one should read "KU". There should be a hotpink <em>square</em> |
leviw_travelin_and_unemployed
2015/11/24 21:39:48
🍴🐄!
LTTM, looks tasty to me.
I guess that's also
|
+ to the right of the second line, but nowhere else.</p> |
+<div id="outer" data-expected-height="64" style="position:relative; -webkit-columns:2; -webkit-column-gap:0; font-size:16px; width:4em; line-height:2em; text-align:center; background:hotpink;"> |
+ <div style="-webkit-columns:2; -webkit-column-gap:0;"> |
+ <div data-offset-x="0" data-offset-y="0" style="background:white;">S</div> |
+ <div data-offset-x="0" data-offset-y="32" style="background:white;">K</div> |
+ <div data-offset-x="16" data-offset-y="0" style="background:white;">A</div> |
+ <div data-offset-x="16" data-offset-y="32" style="background:white;">U</div> |
+ <div data-offset-x="32" data-offset-y="0" style="background:white;">R</div> |
+ <div data-offset-x="48" data-offset-y="0" style="background:white;">T</div> |
+ </div> |
+</div> |
+<script> |
+ checkLayout("#outer"); |
+</script> |