javascript - Bug in autosize.js of textareas when loading value from PHP -

I'm trying to create a web-form that has the option to reload the previously saved data .

The problem is that when a large string of text was entered in autoside texterity, then it was saved and reloaded, this text adds a large amount of white space to the field. [Before saving, before loading images]

Before:

after loading:

  & lt; Textarea class = 'animated' name = "courseTitle" id = "courseTitle" & gt;  ; & Lt ;? PHP Echo ($ _POST ['courseTitle'])? & Gt; & Lt; / Textarea & gt;  

This form can be viewed in this link

and the data can be loaded in the table below (found at the bottom of the form page).

Load Table:

Select the first file to load

"Phillip test EECS 3603"

White location disappears while doing one of the following.

• Write something in the test area
• Or adjusting the zoom in the browser

Any help with debugging tips Brilliant .

Go to TPP: //pansycheung.com/forms/NewCourseProposal.php? C2EF = 0 to test the form.

Thank you!

Using jQuery, have you triggered 'Autogos'?

  $ ('# courseTitle'). Triggers ('autosize.resize');  

You must initially start autosuggesting;

  $ ('# courseTitle'). AutoSecackage ();  

If it still does not work, try inserting 'triggers' autosave in setTimeOut ();

  setTimeout (function () {$ ('#courseTitle'). Trigger ('autosize.resize');}, 1000);