Safari на macbook: расширяется textarea при вводе текста, как исправить?

Question

[Magnet19]

Safari на macbook: расширяется textarea при вводе текста на сайте. Как только начинаешь вводить текст в textarea, оно расширяется на ширину всего экрана и тянет за собой всю форму.

Comments

[yarovikov]

Расширяется

[Magnet19]

yarovikov, как исправить?

[yarovikov]

Magnet19, отключить что-то в вашем браузере. В моем сафари 12 версии не расширятеся)

[Николай]

какая версия Safari?

[Magnet19]

Николай, Version 12.0.2 (14606.3.4)

[WapSter]

Все впорядке

[Magnet19]

Тимур Турсунбаев, Мда, странно. У заказчика при клике текстарея расширяется. Всё же спасибо за проверку.

[Magnet19]

Тимур Турсунбаев, это selection так красным отображается? Не знаете, как у Сафари текст color: #fff сделать при ::selection?

[Magnet19]

::selection {
background-color: #f62051;
color: #fff
} в Safari опять же криво работает

[WapSter]

Magnet19, это выделенный текст

[Magnet19]

Тимур Турсунбаев, Знаю, но это опять же работает некорректно на сафари. Выделенный текст должен быть белым, а на скриншоте такой же как и фон, хотя все css правила соблюдены.

[WapSter]

Magnet19, только что проверил нормально отрабатывает, разве что если используете препроцессор с конструкцией типа

selector {
   &:::selection, &::-moz-selection {
            background-color: green;
        }
}

не сработает

[Magnet19]

Тимур Турсунбаев, нет, такую конструкцию не использую, работает, действительно, нормально. А вот текстарея всё ещё расширяется, как исправить - неизвестно никому похоже.

[WapSter]

Magnet19, попробуйте самой форме задать max-width, может старые версии игнорируют width если есть минимальная ширина

[Magnet19]

Тимур Турсунбаев, увы не помогает, т.к. изначально всё отображается корректно, а вот при клике и наборе текста поле ввода с формой увеличиваются на всю ширину.