афари и растягивающяяся textarea

Одним из достоинств Сафари является наличие у текстовых полей (textarea) уголочка, за который можно потянуть и, соответственно, растянуть поле по вкусу.

Однако, часто верстальщикам приходится вписывать текстовое поле в какой-нибудь навороченный дизайн и иногда можно обнаружить, что при изменении размеров текстового поля макет рушится, взрывается и что только с ним не происходит (смотря как тянуть).

Решение же простое — использовать свойства CSS min-width, max-width и такие же -height; с помощью них можно очень просто настроить желаемое поведение текстовых полей в сафари.

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


Вы можете прокомментировать эту статью в Мастодоне.