Подтвердить что ты не робот

Могу ли я заблокировать функцию Chromes <textarea> drag-to-expand?

В Chrome в правом нижнем углу полей <textarea> можно потянуть, чтобы расширить область текста. Иногда это имеет свои преимущества, но иногда это не так. (Это обсуждение в другое время.)

Я хочу знать, как я могу заблокировать это поведение, если это возможно. Im думает что-то вдоль линии некоторого JS/jQuery dingus, но я не знаю, как Google запрограммировал эту функцию.

Кто-нибудь пробовал это?

4b9b3361

ОТВЕТЫ

Ответ 1

Вы пытались использовать CSS еще, чтобы остановить это?

textarea {
  resize: none;
}

Это должно отключить функцию drag-to-expand.

Обновление

Вы также можете установить это программно, используя jQuery:

// CSS
textarea.no-expand {
  resize: none;
}

// jQuery
$('#my-text-area').addClass('no-expand');

Надеюсь, это поможет!

Ответ 2

Немного поздно на вечеринку, но здесь идет. Проблема с решением resize: none заключается в том, что он недействителен CSS. Это не только не подтвердит, но и не будет работать в других браузерах и может сломаться в будущих выпусках Chrome. Другое, действительное решение:

textarea {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
}

Конечно, вы должны соответствующим образом настроить свои размеры. Конечно, это не имеет гибкости resize: none (вы не можете просто применить один стиль ко всем своим textarea на своей странице), поэтому в этом отношении resize: none будет лучше. Однако, если вам удастся использовать это решение, вы должны.