The below Javascript is being used for auto adjusting the height of multi- line fields. It works for all pages in a paginated form that uses a drop-down menu for navigation.
However, in a second, read-only copy of the form, the script is only being applied to the first "page" of the form. All other fields on subsequent pages with the class "autogrow" are not applying the script.
Is there something in the script I need to adjust for this second, read only copy to get it to apply to all pages in the form?
Any help appreciated! Thanks in advance.
$(document).ready(function () { $('.autogrow textarea').each(function () { h(this); }).on('keydown blur change',function () { h(this); }); function h(e) { $(e).css({'height':'auto','overflow-y':'hidden'}).height(e.scrollHeight); } });