Когато настроя autofocus="autofocus" на входния елемент, след това в Firefox, когато страницата се зареди, тя се показва за секунда, без приложената CSS. (Например съдържанието не е центрирано, заглавието се отразява в шрифта по подразбиране и т.н.)
Ако премахна автофокуса, страницата се зарежда добре и се показва, когато е готова.
Има ли начин да се натовари страницата нормално, докато използвате autofocus функция в Firefox?
Отговори:
14 за отговор № 1Намерих това, като добавим някакъв JavaScript в <head>, страницата чака стилът да се зареди преди фокуса.
Не съм съвсем сигурен защо работи това, но го прави!
Пример:
<script type="text/javascript">
// Fix for Firefox autofocus CSS bug
// See: http://stackoverflow.com/questions/18943276/html-5-autofocus-messes-up-css-loading/18945951#18945951
</script>