Change the current code to. when it goes from none (hidden) to block; When the value of the textarea is changed programmatically As Jon Hulka has commented, the dimensions can be further restrained in CSS using max-width, max-height, min-width, and min-height. Just drag this handle to resize the textarea in vertically and horizontally. Nah ah! So, is there anyway to hide this resize handle? Removing the default resizeability of a . This property will also hide the resizing handle at the bottom-right corner of the textarea. Which excel cell entry will calculate the square root of 165? This property  If you want to disable for a particular textarea element first, you need to select that element using id or class attribute then add a resize property. This property You can easily turn on and off textarea resize properties in a CSS3 style sheet and HTML5. It would be great if the textarea was resized on focus and not only on keyup keydown. So, you create a super nice design and everyone has an option to stretch textarea over it. The next problem includes removing resize handle. In the bottom right corner you can see the grabber handle. How to disable textarea resizing?, Here, the user can resize both the height and width of a
element: resize: both; Let the user resize only the height of a
element: resize: vertical; Let the user resize only the width of a
element: resize: horizontal; In many browsers,