title: Expand textarea to 100% height of parent in Chrome fails
body: <p>I am trying to expand textarea to 100% height of parent. </p>
  
  <p>My code of setting text area "height: 100%;" works in Firefox, IE, but failed in Chrome. like:</p>
  
  <p><a href="https://i.stack.imgur.com/D9H2H.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/D9H2H.png" alt="enter image description here"></a></p>
  
  <p>Note the parent div height dynamically fills the remaining height space:</p>
  
  <p>JSfiddle link:
  <a href="https://jsfiddle.net/tling/9z25z425/1/" rel="nofollow noreferrer">https://jsfiddle.net/tling/9z25z425/1/</a></p>
  
  <p>Problem at this line:</p>
  
  <pre><code>&lt;textarea placeholder="textarea won't fill 100% height" style="width: 100%;  height: 100%;  "&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>How to fix this?</p>