title: Input text height is broken in safari
body: <p>I am looking to create a text input where the text fills up the whole input field vertically. As illustrated in the image below:</p>
  
  <p><a href="https://i.stack.imgur.com/0PmNW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0PmNW.png" alt="enter image description here"></a></p>
  
  <p>This works all fine in Firefox and Chrome.</p>
  
  <p>In Safari I am seeing this problem:</p>
  
  <p><a href="https://i.stack.imgur.com/u3ghf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/u3ghf.png" alt="enter image description here"></a></p>
  
  <p>It seems like the line-height is not applied properly for the input field. Funny enough it is applied correctly for the placeholder.</p>
  
  <p>My code:</p>
  
  <p>Html:</p>
  
  <pre><code>&lt;input type="text" placeholder="ABCD" value="ABCD"&gt;
  </code></pre>
  
  <p>Css:</p>
  
  <pre><code>input {
    padding: 0;
    margin: 0;
    border: 0 none;
    height: 140px;
    line-height: 140px;
    width: 600px;
    font-size: 185px;
  }
  </code></pre>
  
  <p>You can test my code with this link:
  <a href="https://jsfiddle.net/0xsven/16z9Lr6t/" rel="nofollow noreferrer">https://jsfiddle.net/0xsven/16z9Lr6t/</a></p>
  
  <p>Is this a bug or am I missing something?</p>
  
  <p>Edit: I am on Mac OS with Safari 10.0.2</p>