Of course sometimes you may want to disable textarea resizing to accommodate a design, and that's fine too. Apply the height of the clone to the height of the textarea Another trick here is to not use a . Grab the content loaded into the textarea 2. This property  You can easily turn on and off textarea resize properties in a CSS3 style sheet and HTML5. Creating a textarea with auto-resize is not a easy task task. Window resize events, if the width of the textarea changes with window resizing, or other events that change the width of the textarea; When the textarea's display style attribute changes, e.g. How to automatically resize textarea height to fit text with JavaScript , addEventListener here is redundant since valueChanges already notifies you when the field changes. As Jon Hulka has commented, the dimensions can be further restrained in CSS using max-width, max-height, min-width, and min-height. As we know, WebKit has a privilege over other browsers in page control and CSS features. CSS resize property, Note: The resize property does not apply to inline elements or to block elements Here, we have used the resize property to disable the resizability: textarea { Answer: Use the CSS3 resize property You can use the CSS3 resize property to remove or turn-off the default horizontal and vertical resizable property of the HTML