Index: LayoutTests/fast/table/row-in-inline-block.html |
diff --git a/LayoutTests/fast/table/row-in-inline-block.html b/LayoutTests/fast/table/row-in-inline-block.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..8de229f9721862c5bbf030c760e5db604034fded |
--- /dev/null |
+++ b/LayoutTests/fast/table/row-in-inline-block.html |
@@ -0,0 +1,14 @@ |
+<!DOCTYPE html> |
+<script src="../../resources/js-test.js"></script> |
+<p>Test that a table-row child of an inline is wrapped inside an inline-table (and table-row-group).</p> |
+<span style="display:inline-block;"> |
+ <div id="first" style="display:table-row; color:blue; background:blue;"><div style="width:1em; height:1em;"></div></div> |
+ There should be one blue box above and one below this line. |
+ <div id="last" style="display:table-row; color:blue; background:blue;"><div style="width:1em; height:1em;"></div></div> |
+</span> |
+<div id="console"></div> |
+<script> |
+ var firstBottom = document.getElementById('first').getClientRects()[0].bottom; |
+ var lastTop = document.getElementById('last').getClientRects()[0].top; |
+ shouldBeGreaterThan("lastTop", "firstBottom"); |
+</script> |