Quand je mis autofocus="autofocus" sur un élément d’entrée, puis dans Firefox, lors du chargement de la page, celle-ci s’affiche pendant une fraction de seconde sans appliquer le code CSS. (Par exemple, contenu non centré, en-tête affiché dans la police par défaut, etc.)
Si je supprime l'autofocus, la page se charge correctement et s'affiche lorsqu'elle est prête.
Existe-t-il un moyen de charger la page normalement en utilisant le autofocus fonctionnalité dans Firefox?
Réponses:
14 pour la réponse № 1J'ai trouvé qu'en ajoutant du JavaScript dans le <head>, la page attend que le style soit chargé avant le focus.
Je ne sais pas trop pourquoi ça marche, mais ça marche!
Exemple:
<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>