Могу ли я заблокировать функцию перетаскивания для расширения в Chrome <textarea>?

Question

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

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

Answer 1

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

textarea {
  resize: none;
}

Это должно отключить функцию перетаскивания для расширения.

Обновить

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

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

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

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

Answer 2

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

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

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

Answer 3

Вероятно, самый простой способ - просто указать 'resize: none' как часть вашего стиля:

textarea {
    resize: none
}

Подробнее см. http://www.electrictoolbox.com/disable-textarea-resizing-safari-chrome.