Щелчок по меню выбора Safari 5.1 обновляет страницу

Это и вопрос, и ответ . Сегодня я столкнулся с ошибкой, которую никогда не видел за все годы работы веб-разработчиком, поэтому я хотел поделиться исправлением со всеми, кто может столкнуться с этой проблемой в будущем. Мне также интересно, испытывал ли это кто-нибудь еще, и есть ли известная причина.

Проблема является исключительной для Safari 5.1 на Mac. При нажатии раскрывающегося меню выбора страница полностью обновляется. После нескольких минут отладки я смог сделать вывод, что ошибка была вызвана ... подождите ... помещением границы css в поле выбора. (border: 1px solid #ccc;)

WTF?

Очевидно, движку рендеринга Safari не нравится этот стиль, и он просто уничтожил всю страницу. Это был только Safari 5.1 (5.0.3 был в порядке) и только на Mac.

Это на 100% воспроизводимо, когда это происходит, во многих приложениях моей компании. Но он не воспроизводится на 100% повсеместно, а это означает, что я не могу просто перейти на любой случайный веб-сайт и запустить его. Это должно быть какая-то комбинация правил CSS или разметки HTML, которая запускает его.

Кто-нибудь еще когда-нибудь видел это? Любое представление о том, какие конкретные условия могут его вызвать? Если нет, ну что ж. Я спишу это на ошибку браузера и оставлю этот пост, чтобы другой разработчик мог найти его, когда у него возникнет такая же проблема.

16
задан Warren Benedetto 23 August 2011 в 17:27
поделиться

1 ответ

У меня также была та же проблема, я решил ее путем помещения пользовательского CSS, специфичного для Safari 11 & 12 при помощи плагина браузера jQuery для обнаружения браузера, если это был Safari 11 или 12, затем я добавил следующий стиль на лету в заголовке документа.

select {
   font-family: inherit;
}

Помещение inherit позволяет Вам сохранять тот же стиль.

Hope это помогает!

0
ответ дан 30 November 2019 в 21:34
поделиться
Другие вопросы по тегам:

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