Index: third_party/WebKit/LayoutTests/fast/forms/input-height.html |
diff --git a/third_party/WebKit/LayoutTests/fast/forms/input-height.html b/third_party/WebKit/LayoutTests/fast/forms/input-height.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..4bb255b1f2c674a0057ab89aa3e70ee22f107d41 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/forms/input-height.html |
@@ -0,0 +1,51 @@ |
+<!DOCTYPE html> |
+<html> |
+<meta charset=utf-8> |
+<link rel="match" href="input-height-expected.html"> |
+<title>Test whether the input box is rendered properly in case that the form has the height value or not</title> |
+<head> |
+<style type="text/css"> |
+:root { |
+ --input-height: 100%; |
+} |
+ |
+body { |
+ background-color: gray; |
+} |
+ |
+div { |
+ background-color: blue; |
+ height: 32px; |
+ width: 175px; |
+ margin: 25px; |
+} |
+ .search input.query { |
+ background: yellow; |
+ border: none; |
+ float: left; |
+ height: var(--input-height); |
+ line-height: 24px; |
+ padding: 0 0 0 5px; |
+ width: 143px; |
+} |
+</style> |
+</head> |
+<body> |
+ <p>form without height value: the percentage value of the height of the search box is ignored.</p> |
+ <div> |
+ <form action="http://cbslocal.com/search/" class="search"> |
+ <input type="text" class="query" name="q" id="s" size="31" placeholder="Search" autocomplete="off" style="color: black; height: 30%"> |
+ <input type="reset" class="reset" value="Reset"> |
+ <input type="submit" class="submit" value="Search"> |
+ </form> |
+ </div> |
+ <p>form with height value: the percentage value of the height of the search box is honored.</p> |
+ <div> |
+ <form action="http://cbslocal.com/search/" class="search" style="height: 32px"> |
+ <input type="text" class="query" name="q" id="s" size="31" placeholder="Search" autocomplete="off" style="color: black; height: 30%"> |
+ <input type="reset" class="reset" value="Reset"> |
+ <input type="submit" class="submit" value="Search"> |
+ </form> |
+ </div> |
+</body> |
+</html> |