Freecodecamp: Saltos de estilo de búsqueda
Describe el error
Cuando recargas una página, aparecen dos problemas de estilo.
- El texto del marcador de posición se mueve ligeramente una vez que la página se ha cargado por completo.
- Los resultados de la búsqueda son brevemente en negrita
Reproducir
Pasos para reproducir el comportamiento:
- Ir a
www.freecodecamp.dev(o cualquier página con búsqueda) - Recargar
- Ver el movimiento del texto del marcador de posición
- Haga clic en la barra de búsqueda.
- Escribe cualquier cosa
- Vea que el resultado aparece brevemente en negrita, luego cambie a un peso normal
Comportamiento esperado
La página debe comenzar con los estilos que acaba obteniendo.
Capturas de pantalla
ojeytonwilliams
Todos 3 comentarios
Oye, quiero ayudar con eso. ¿Dónde puedo encontrar el código? (Contribución por primera vez)
GabCostaSilva
en 15 oct. 2019
@GabCostaSilva No estoy 100% seguro de dónde está el problema, pero los componentes SearchBar , SearchHits y SearchSuggestion están todos involucrados hasta cierto punto. De alguna manera, creo que SearchSuggestions no están obteniendo las clases correctas cuando se renderizan por primera vez.
Estoy planeando echar un vistazo más de cerca mañana, pero puede enviar un PR / compartir cualquier información. ¡Como desées!
ojeytonwilliams
en 15 oct. 2019
Resulta que no tenía nada que ver con esos componentes. El problema es que la fuente Lato-300 no se carga hasta que se necesita, en este caso cuando aparecen los resultados de la búsqueda. Eso provoca un breve destello de Arial y esa es la causa del problema.
Voy a buscar precargar las fuentes y aclarar esto.
ojeytonwilliams
en 16 oct. 2019
Temas relacionados
cmal
·
3Comentarios
danielonodje
·
3Comentarios
trashtalka3000
·
3Comentarios
imhuyqn
·
3Comentarios
QuincyLarson
·
3Comentarios