| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <meta charset=utf-8> |
| 4 <link rel="match" href="input-height-expected.html"> |
| 5 <title>Test whether the input box is rendered properly in case that the form has
the height value or not</title> |
| 6 <head> |
| 7 <style type="text/css"> |
| 8 :root { |
| 9 --input-height: 100%; |
| 10 } |
| 11 |
| 12 body { |
| 13 background-color: gray; |
| 14 } |
| 15 |
| 16 div { |
| 17 background-color: blue; |
| 18 height: 32px; |
| 19 width: 175px; |
| 20 margin: 25px; |
| 21 } |
| 22 .search input.query { |
| 23 background: yellow; |
| 24 border: none; |
| 25 float: left; |
| 26 height: var(--input-height); |
| 27 line-height: 24px; |
| 28 padding: 0 0 0 5px; |
| 29 width: 143px; |
| 30 } |
| 31 </style> |
| 32 </head> |
| 33 <body> |
| 34 <p>form without height value: the percentage value of the height of the search
box is ignored.</p> |
| 35 <div> |
| 36 <form action="http://cbslocal.com/search/" class="search"> |
| 37 <input type="text" class="query" name="q" id="s" size="31" placeholder="Sea
rch" autocomplete="off" style="color: black; height: 30%"> |
| 38 <input type="reset" class="reset" value="Reset"> |
| 39 <input type="submit" class="submit" value="Search"> |
| 40 </form> |
| 41 </div> |
| 42 <p>form with height value: the percentage value of the height of the search bo
x is honored.</p> |
| 43 <div> |
| 44 <form action="http://cbslocal.com/search/" class="search" style="height: 32p
x"> |
| 45 <input type="text" class="query" name="q" id="s" size="31" placeholder="Sea
rch" autocomplete="off" style="color: black; height: 30%"> |
| 46 <input type="reset" class="reset" value="Reset"> |
| 47 <input type="submit" class="submit" value="Search"> |
| 48 </form> |
| 49 </div> |
| 50 </body> |
| 51 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2478483003:
Ignore the percentage value to calculate the logical height of input control
