Cuando me puse autofocus="autofocus" en un elemento de entrada, luego en Firefox, cuando se carga la página, se muestra durante una fracción de segundo sin el CSS aplicado. (Por ejemplo, el contenido no está centrado, el encabezado se representa en una fuente predeterminada, etc.)
Si quito el enfoque automático, la página se carga bien y se muestra cuando está lista.
¿Hay alguna manera de hacer que la página se cargue normalmente mientras usa el autofocus característica en Firefox?
Respuestas
14 para la respuesta № 1He encontrado que al agregar un poco de JavaScript en el <head>, la página espera a que el estilo se cargue antes del enfoque.
No estoy exactamente seguro de por qué funciona esto, ¡pero lo hace!
Ejemplo:
<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>