Невозможно уменьшить размер текстового поля в Chrome и Opera

Question

Я не могу уменьшить размер textarea с помощью мыши, хотя я не указал минимальную ширину и высоту. В Firefox все в порядке. Этот вопрос задавали здесь: Can't reduce size of resizable textarea in Chrome, но я не мог найти подходящего ответа, может быть, кто-то может мне помочь.

Это моя наценка:

<textarea id="textarea" name="textarea"></textarea> 

и CSS:

textarea{ 
    width: 90%; 
    height: 400px; 
    border: 2px dashed black; 
    border-radius: 12px; 
    background-color: transparent; 
    font-family: Purisa; 
    font-size: 23px; 
    padding: 5px; 
    margin: 20px auto auto auto; 
    outline: none; 
    border-color: black; 
} 

Answer 1

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

Так что если вы используете heightmin-height будет вашим ростом. Поэтому вам нужно установить только min-height и max-height. Height переопределяет минимальную высоту в Chrome.

Вот простая скрипка: http://jsfiddle.net/gAr72/1/

Edit:

Вы можете увидеть Firefox будет работать так же, как Chrome в этой скрипке. Высота рискованна для дизайна. Неограниченное изменение размера всегда нарушает дизайн. Таким образом, ограничение высоты и ширины - хороший вариант.