Freecodecamp: O estilo de pesquisa pula
Descreva o bug
Quando você recarrega uma página, dois problemas de estilo aparecem.
- O texto do espaço reservado move-se ligeiramente quando a página é totalmente carregada.
- Os resultados da pesquisa são brevemente em negrito
Reproduzir
Passos para reproduzir o comportamento:
- Vá para
www.freecodecamp.dev(ou qualquer página com pesquisa) - recarregar
- Veja o movimento do texto do espaço reservado
- Clique na barra de pesquisa
- Digite qualquer coisa
- Veja o resultado aparecer brevemente em negrito e, em seguida, mude para um peso normal
Comportamento esperado
A página deve começar com os estilos que acaba obtendo.
Capturas de tela
ojeytonwilliams
Todos 3 comentários
Ei, eu quero ajudar com isso. Onde posso encontrar o código para isso? (Contribuindo pela primeira vez)
GabCostaSilva
em 15 out. 2019
@GabCostaSilva Não tenho 100% de certeza de onde está o problema, mas os componentes SearchBar , SearchHits e SearchSuggestion estão todos envolvidos em algum grau. De alguma forma, os SearchSuggestions não estão recebendo as classes certas quando renderizados pela primeira vez, eu acho .
Estou planejando dar uma olhada mais de perto amanhã, mas você pode enviar um PR / compartilhar qualquer insight. Como quiser!
ojeytonwilliams
em 15 out. 2019
Acontece que não tinha nada a ver com esses componentes. O problema é que a fonte Lato-300 não é carregada até que seja necessária - neste caso, quando os resultados da pesquisa aparecem. Isso causa um breve flash de Arial e essa é a causa do problema.
Vou verificar o pré-carregamento das fontes e esclarecer isso.
ojeytonwilliams
em 16 out. 2019
Questões relacionadas
cmal
·
3Comentários
trashtalka3000
·
3Comentários
imhuyqn
·
3Comentários
jurijuri
·
3Comentários
raisedadead
·
3Comentários