Doesn't work properly in Google Chrome

[ari]

We find that the initial size of the text area is completely collapsed to a small value in Google Chrome.

[jinsonxu]

As a workaround, try setting the CSS min and max-height for your textarea elements?

[igutsaliuk]

didn't worked for me

[ari]

Could you please explain. Which field? Which version of Chrome? Which OS?

[brinley]

I've just encountered this issue and found that it was caused by Chome not picking up the line-height correctly during the initialisation. The parseInt also throws additional spanners into the calculation as under some situations, line-height that is calculated by jQuery if it is not manually defined in the CSS will be a decimal point and it stuffs up the actual calculation.

[bgoldowsky]

Also fails for me - Google Chrome 21.0.1180.75 (latest) on Mac OS X.

@brinley, were you able to find a fix?

[brinley]

@bgoldowsky I made a fair bit of changes custom to my app but I've manually pushed my changes to
https://github.com/brinley/jquery-autogrow/pull/new/patch-1

Would you like to give it a whirl and see if it fixes your problem before I submit a merge request?

[bgoldowsky]

@brinley , the Chrome behavior is better with your patch, but in my application I still do not get consistently correct heights set. I have tested by putting in content with various combinations of short lines, blank lines, lines that have many words and wrap over several lines, and lines with one long "word" that wraps. Eventually the height calculation gets wrong and content is hidden.

[brinley]

@bgoldowsky I suspect it maybe inheriting padding affecting the calculations, try this updated code at https://github.com/brinley/jquery-autogrow/blob/master/jquery.autogrow.js