Index: LayoutTests/fast/forms/form-elements-display-table-section.html |
diff --git a/LayoutTests/fast/forms/form-elements-display-table-section.html b/LayoutTests/fast/forms/form-elements-display-table-section.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..7582cb3fa0bd5a547d7044736a1a977e83ade012 |
--- /dev/null |
+++ b/LayoutTests/fast/forms/form-elements-display-table-section.html |
@@ -0,0 +1,27 @@ |
+<!DOCTYPE html> |
+<style> |
+input,button{ |
+ display: table-cell; |
+} |
+.container{ |
+ width:300px; |
+} |
+.inner{ |
+ display: table; |
+} |
+</style> |
+<div class="container"> |
+ <div class="inner"> |
+ <input type="text"> |
+ <button></button> |
+ </div> |
+</div> |
+<p>crbug.com/515771: Form elements should allow table-part display values. In this test, we have an input and a button |
+ with display: table-row-group inside a div container display: table. So the table should get a rendertree like this: |
+ LayoutTable {DIV} |
+ LayoutTableSection (anonymous) |
+ LayoutTableRow (anonymous) |
+ LayoutTableCell (anonymous) |
+ LayoutTextControl {INPUT} |
+ LayoutButton {BUTTON} |
+ </p> |