How can I reset the size of textarea when close the popup modal?

Question

I have a form in popup modal. When I resize the textarea then close the popup modal and after that when I reopen the popup model its textArea is not in proper form. I want to reset the size of textarea. Please help me out On the same issue.

You can give textarea resize:none, it will prevent resizing the textarea. — SRK, Mar 19 '18 at 11:55
You mean like [**this**](https://stackoverflow.com/a/36087841/1823841) — palaѕн, Mar 19 '18 at 11:56
Check if have a cols inline... set textarea{ width: 100% !important} — Luís P. A., Mar 19 '18 at 11:57
Hi vel, textarea{ font-family: inherit; font-size: inherit; line-height: inherit; margin: 0px; overflow: auto; color: inherit; } — Paddy, Mar 19 '18 at 12:03
To get rid of the cols inline, use this jQuery (example) : $( "textarea" ).removeAttr( "cols" ); — Luís P. A., Mar 19 '18 at 12:04
@palaѕн mentioned another stack for this...which will work? — yjs, Mar 19 '18 at 12:05
You might want to restrict the size of the textarea as in this ticket answer: https://stackoverflow.com/questions/9382245/how-to-disable-textarea-resizing — Dinca Adrian, Mar 19 '18 at 12:32
there is nothing any re-sizable issue... its size *reset* issue after close popup modal. — Paddy, Mar 19 '18 at 12:46

score 0 · Answer 1 · answered Mar 19 '18 at 12:00

You can define in which direction the textarea can be resized by the CSS resize Property

<textarea style="resize:both">Can be resized in every direction</textarea><br>
<textarea style="resize:vertical">Can be resized in vertical direction</textarea><br>
<textarea style="resize:horizontal">Can be resized in horizontal direction</textarea><br>
<textarea style="resize:none">Can not be resized</textarea>

How can I reset the size of textarea when close the popup modal?

1 Answers1