HTML 5 Автофокус загружает загрузку CSS

Когда я устанавливаю autofocus="autofocus" на элемент ввода, то в Firefox, когда загружается страница, он отображается в течение секунды секунды без применения CSS. (Например, контент не центрирован, заголовок отображается в стандартном шрифте и т.д.)

Если я удалю автофокусировку, страница будет загружена штрафом и отобразится, когда она будет готова.

Есть ли способ нормально загружать страницу при использовании функции autofocus в Firefox?

Ответ 1

Я обнаружил, что добавив некоторый 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>