Expand textarea to 100% height of parent in Chrome fails

Asked Mar 23 '17 at 16:16

Active Mar 23 '17 at 16:16

Viewed 18 times

I am trying to expand textarea to 100% height of parent.

My code of setting text area "height: 100%;" works in Firefox, IE, but failed in Chrome. like:

Note the parent div height dynamically fills the remaining height space:

Problem at this line:

<textarea placeholder="textarea won't fill 100% height" style="width: 100%;  height: 100%;  "></textarea>

How to fix this?

asked Mar 23 '17 at 16:16

Tianyun Ling

Check out this answer http://stackoverflow.com/questions/42978311/textarea-fill-remaining-height-in-a-div/42978540#42978540 – zik Mar 23 '17 at 16:19
For Chrome / Safari, the parent of `textarea` must have a defined height. Not the case in your code. – Michael Benjamin Mar 23 '17 at 16:20
1

If you add `height: 100%` to the `textarea`'s parent div, it works. See the duplicate for other options. – Michael Benjamin Mar 23 '17 at 16:23

0 Answers0