Index: third_party/WebKit/LayoutTests/fast/forms/button-with-ellipsis.html |
diff --git a/third_party/WebKit/LayoutTests/fast/forms/button-with-ellipsis.html b/third_party/WebKit/LayoutTests/fast/forms/button-with-ellipsis.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..a32bc95c87b30b1d80906fdec5ab025d703c6c9d |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/forms/button-with-ellipsis.html |
@@ -0,0 +1,21 @@ |
+<!DOCTYPE html> |
+<style> |
+ .button { |
+ box-sizing: content-box; |
+ width: 20em; |
+ height: 2em; |
+ border: none; |
+ padding: 0; |
+ font: 16px/2em sans-serif; |
+ overflow: hidden; |
+ vertical-align: top; |
+ text-align: left; |
+ text-overflow: ellipsis; |
+ white-space: nowrap; |
+ background: gray; |
+ } |
+</style> |
+<p>There should be two gray boxes with overflowing text, truncated with "...".</p> |
+<input type="button" class="button" value="Houses can be built from different kinds of materials. The most common types are brick, wood, and vinyl or synthetic siding. Houses have lawns that need to be tended."> |
+<br><br> |
+<button class="button">Houses can be built from different kinds of materials. The most common types are brick, wood, and vinyl or synthetic siding. Houses have lawns that need to be tended.</button> |