Freecodecamp: Gaya penelusuran melonjak

Dibuat pada 15 Okt 2019 · 3Komentar · Sumber: freeCodeCamp/freeCodeCamp

Jelaskan bugnya
Saat Anda memuat ulang halaman, dua masalah gaya muncul.

Teks placeholder bergerak sedikit setelah halaman dimuat sepenuhnya.
Hasil pencarian dicetak tebal

Untuk Mereproduksi
Langkah-langkah untuk mereproduksi perilaku:

Buka www.freecodecamp.dev (atau halaman apa pun dengan pencarian)
Muat ulang
Lihat perpindahan teks placeholder
Klik di bilah pencarian
Ketik apa saja
Lihat hasilnya sekilas tampil berani, lalu ubah menjadi berat normal

Perilaku yang diharapkan
Halaman harus dimulai dengan gaya yang didapatnya.

Screenshot
SearchFOUC

client bug

Sumber

ojeytonwilliams

Semua 3 komentar

Hei, aku ingin membantunya. Di mana saya dapat menemukan kode untuk itu? (Pertama kali berkontribusi)

GabCostaSilva pada 15 Okt 2019

@GabCostaSilva Saya tidak 100% yakin di mana masalahnya, tetapi komponen SearchBar , SearchHits dan SearchSuggestion semuanya terlibat sampai taraf tertentu. Entah bagaimana SearchSuggestions tidak mendapatkan kelas yang tepat ketika pertama kali diberikan saya pikir.

Saya berencana untuk melihat lebih dekat sendiri, besok, tetapi Anda dipersilakan untuk mengirimkan PR / berbagi wawasan apa pun. Mau mu!

ojeytonwilliams pada 15 Okt 2019

👍1

Ternyata itu tidak ada hubungannya dengan komponen tersebut. Masalahnya adalah font Lato-300 tidak dimuat sampai dibutuhkan - dalam hal ini ketika hasil pencarian muncul. Itu menyebabkan kilatan singkat Arial dan itulah penyebab masalahnya.

Saya akan memeriksa font yang dimuat sebelumnya dan membersihkannya.

ojeytonwilliams pada 16 Okt 2019

🎉1

Apakah halaman ini membantu?

0 / 5 - 0 peringkat