---
title: "How to disable Google Chrome text area size adjustment?"  
description: "How to disable Google Chrome text area size adjustment?"  
author: "Utpal Vishwas"  
published: 2023-07-31  
updated: 2023-08-01  
canonical: https://www.mindstick.com/forum/159397/how-to-disable-google-chrome-text-area-size-adjustment  
category: "html"  
tags: ["html element", "google chrome"]  
reading_time: 2 minutes  

---

# How to disable Google Chrome text area size adjustment?

How to [disable](https://www.mindstick.com/forum/12901/how-to-disable-enable-input-box-in-aspx-with-value-from-sql) [Google](https://www.mindstick.com/articles/43833/google-lighthouse-and-how-is-it-changing-the-way-we-development-and-design-websites) [Chrome](https://www.mindstick.com/blog/303260/discover-google-s-latest-ip-protection-privacy-test-feature-in-chrome) [text](https://www.mindstick.com/blog/301635/did-people-reinvent-texting-to-express-the-full-range-of-emotions) area [size](https://www.mindstick.com/forum/159799/how-can-you-manage-the-size-of-mdf-and-ldf-files) [adjustment](https://answers.mindstick.com/qa/41333/what-was-a-shortcoming-of-the-agricultural-adjustment-act-aaa)?

## Replies

### Reply by Aryan Kumar

There are a few ways to disable Google Chrome text area size adjustment. Here are a few methods:

## Using CSS

The simplest way to disable the resizing handles is to use CSS. You can add the following CSS rule to your HTML document:

CSS

```plaintext
textarea {
  resize: none;
}
```

This will prevent the user from resizing the textarea, and will also hide the resizing handles.

## Using JavaScript

You can also disable the resizing handles using JavaScript. The following JavaScript code will disable the resizing handles for all textarea elements:

JavaScript

```plaintext
document.querySelectorAll('textarea').forEach(function(textarea) {
  textarea.style.resize = 'none';
});
```

## Using the Chrome DevTools

You can also disable the resizing handles using the Chrome DevTools. To do this, open the DevTools, and then select the "Elements" tab. Find the textarea element that you want to disable the resizing handles for, and then right-click on it. Select the "Inspect" option from the menu that appears.

In the Inspector window, expand the "Style" section. In the "Properties" pane, find the "resize" property. Set the value of the "resize" property to "none".

This will disable the resizing handles for the selected textarea element.

## Using a Chrome extension

There are also a number of Chrome extensions that can be used to disable the resizing handles. One such extension is called "Text Area Resizing Disabler". This extension can be found in the Chrome Web Store.

To install the extension, simply click on the "Add to Chrome" button. Once the extension is installed, you will need to enable it. To do this, click on the three dots in the top right corner of the Chrome window, and then select "Extensions". Find the "Text Area Resizing Disabler" extension, and then click on the "Enable" button.

Once the extension is enabled, the resizing handles will be disabled for all textarea elements in Chrome.


---

Original Source: https://www.mindstick.com/forum/159397/how-to-disable-google-chrome-text-area-size-adjustment

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
