Index: LayoutTests/fast/forms/form-elements-display-table.html |
diff --git a/LayoutTests/fast/forms/form-elements-display-table.html b/LayoutTests/fast/forms/form-elements-display-table.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..fb54a29fc1b0f9c05f1ece6421bdfcde5f03b2b9 |
--- /dev/null |
+++ b/LayoutTests/fast/forms/form-elements-display-table.html |
@@ -0,0 +1,36 @@ |
+<!DOCTYPE html> |
+<style> |
+input,button{ |
+ display: table; |
+ height:24px; |
+} |
+input{ |
+ border-width:1px 0 1px 1px; |
+ padding: 0 5px; |
+ width:196px |
+} |
+button{ |
+ width:27px |
+} |
+.container{ |
+ width:236px; |
+} |
+.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-cell 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> |