Когда я устанавливаю autofocus="autofocus" на элемент ввода, то в Firefox, когда загружается страница, он отображается в течение секунды секунды без применения CSS. (Например, контент не центрирован, заголовок отображается в стандартном шрифте и т.д.)
Если я удалю автофокусировку, страница будет загружена штрафом и отобразится, когда она будет готова.
Есть ли способ нормально загружать страницу при использовании функции autofocus в Firefox?
Я обнаружил, что добавив некоторый JavaScript в <head>, страница ожидает, что стиль загрузится до фокуса.
Я не совсем уверен, почему это работает, но это так!
Пример:
<script type="text/javascript">
// Fix for Firefox autofocus CSS bug
// See: http://stackoverflow.com/info/18943276/html-5-autofocus-messes-up-css-loading/18945951#18945951
</script>