.form-textarea I have also tried the normal onResize event, but the result is the same. $('.materialize-textarea').trigger('autoresize'); won't help, as textarea does not have autoresize event bound to it. This property will also hide the resizing handle at the bottom-right corner of the textarea. Why would a five dimensional creature need memories? I tested with Firefox/Chrome under Linux/Windows 7. https://github.com/pelotoncycle/resize-observer, Podcast Episode 299: It’s hard to get hacked worse than this. Placeholder text, HTML5 with jQuery fallback. A resize button in bottom right corner of textarea is shown. In the bottom right corner you can see the grabber handle. Resize button in bottom right corner of textarea does not show. Many thanks for the help! In other words, Internet Explorer does not have the textarea resizing feature. The text areas look awful and the resize handle doesn't appear at all. How to disable resizable property of textarea using CSS. The textarea element is the most common exception—in many browsers its default resize value is both. I need to capture the resizing event, I thought it would be easy with jQuery's resize() event, but it doesn't work!. For anything more advanced you'd need other listeners, and possibly a queue and interval scanners; or to use mousemove, as I believe jQuery resizable does, Right, just thought it deserved a mention :) This issue is most prevalent when using, @BryanDowning I forgot to vote up your comment as that is an especially notable use-case, I'll mention it in the answer as well. It can increase or decrease the height of the Textarea field automatically based on the length of content. https://material.angular.io/components/input/overview, Angular: 5.2.2 If a larger element of content is removed from the normal document flow, through the use of absolute positioning, it can prevent the browser working out the correct size of the page. This solution should actually be pinned at the top. Sign in Luckily there's a quick CSS solution to this problem! Based on the other answers on this page, here's a refactored and updated version, that triggers a window resize event when a textarea is resized. If you want to be able to type into textareas and would rather lines do not break until you press return/enter (a horizontal scrollbar is triggered instead), you’ll have to use the wrap="off" attribute. Answer 1. I have also tried the normal onResize event, but the result is the same.You can try it on JSFiddle. Luckily there's a quick CSS solution to this problem! View Demo. The current versions of Firefox and Chrome include a drag handler to resize a