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

Question

Magnet19 @Magnet19

macOS
Safari

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

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

Вопрос задан более трёх лет назад
99 просмотров

15 комментариев

Подписаться 1 Простой 15 комментариев

yarovikov @weart

Расширяется

Написано более трёх лет назад
Magnet19 @Magnet19 Автор вопроса

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

Написано более трёх лет назад
yarovikov @weart

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

Написано более трёх лет назад
Николай @iNickolay

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

Написано более трёх лет назад
Magnet19 @Magnet19 Автор вопроса

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

Написано более трёх лет назад
WapSter @wapster92

Все впорядке

Написано более трёх лет назад
Magnet19 @Magnet19 Автор вопроса

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

Написано более трёх лет назад
Magnet19 @Magnet19 Автор вопроса

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

Написано более трёх лет назад
Magnet19 @Magnet19 Автор вопроса

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

Написано более трёх лет назад
WapSter @wapster92

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

Написано более трёх лет назад
Magnet19 @Magnet19 Автор вопроса

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

Написано более трёх лет назад
WapSter @wapster92
Magnet19, только что проверил нормально отрабатывает, разве что если используете препроцессор с конструкцией типа
selector { &:::selection, &::-moz-selection { background-color: green; } }

не сработает
Написано более трёх лет назад
Magnet19 @Magnet19 Автор вопроса

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

Написано более трёх лет назад
WapSter @wapster92

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

Написано более трёх лет назад
Magnet19 @Magnet19 Автор вопроса

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

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

macOS

Простой
Как на маке записать видео с захватом через наушники?
- 1 подписчик
- вчера
- 47 просмотров
1

ответ
macOS

+2 ещё

Простой
MacBook Air 13 M1 8/256, есть ли решение зависания терминала при подключении по SSH?
- 1 подписчик
- вчера
- 96 просмотров
3

ответа
macOS

+2 ещё

Простой
Ошибка при импорте фото в Apple Photos. Как исправить?
- 1 подписчик
- 15 апр.
- 49 просмотров
1

ответ
macOS

Простой
Почему не работает переходник HDMI>VGA на мак-мини 2010?
- 1 подписчик
- 11 апр.
- 24 просмотра
1

ответ
macOS

+2 ещё

Простой
Mikrotik l2tp/ipsec VPN не работает на macOS, но работает на Win?
- 1 подписчик
- 10 апр.
- 115 просмотров
1

ответ
macOS

+1 ещё

Средний
Работа открытых приложений на мак air Sonoma 14.4.1 при вводе текста?
- 1 подписчик
- 07 апр.
- 60 просмотров
0

ответов
macOS

+1 ещё

Простой
Как избавиться от лагов в Ютубе на Mac mini 2014?
- 1 подписчик
- 04 апр.
- 66 просмотров
1

ответ
macOS

Простой
Чем без потери качества можно сконвертировать видео из avi в mp4?
- 1 подписчик
- 03 апр.
- 74 просмотра
2

ответа
Вёрстка

+4 ещё

Простой
Какой простейший способ потестировать в Safari?
- 1 подписчик
- 01 апр.
- 117 просмотров
0

ответов
macOS

Простой
Не меняется курсор мыши на Mac OS Sonoma, что делать?
- 1 подписчик
- 27 мар.
- 77 просмотров
1

ответ
Показать ещё Загружается…

Backend-разработчик C#, уровень Middle+ (в офисе г. Екатеринбург)

Объектив • Екатеринбург

от 170 000 ₽

Тестировщик SberOs

Сбер • Санкт-Петербург

от 80 000 до 150 000 ₽

Опытный Fullstack разработчик

Finandy

от 4 000 $

Каталог AI tools

18 апр. 2024, в 01:12

150000 руб./за проект

Загрузка характеристик из xml/csv файла в карточки товаров WordPress

18 апр. 2024, в 00:58

5000 руб./за проект

Нарисовать подарки для соц сети

18 апр. 2024, в 00:10

50000 руб./за проект

Magnet19, отключить что-то в вашем браузере. В моем сафари 12 версии не расширятеся)
Тимур Турсунбаев, Мда, странно. У заказчика при клике текстарея расширяется. Всё же спасибо за проверку.
Тимур Турсунбаев, это selection так красным отображается? Не знаете, как у Сафари текст color: #fff сделать при ::selection?
::selection {
background-color: #f62051;
color: #fff
} в Safari опять же криво работает
Тимур Турсунбаев, Знаю, но это опять же работает некорректно на сафари. Выделенный текст должен быть белым, а на скриншоте такой же как и фон, хотя все css правила соблюдены.
Magnet19, только что проверил нормально отрабатывает, разве что если используете препроцессор с конструкцией типа
selector { &:::selection, &::-moz-selection { background-color: green; } }

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

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт