Freecodecamp: Suchstilsprünge
Beschreibe den Fehler
Wenn Sie eine Seite neu laden, treten zwei Stilprobleme auf.
- Der Platzhaltertext wird leicht verschoben, sobald die Seite vollständig geladen wurde.
- Die Suchtreffer sind kurz fett gedruckt
Fortpflanzen
Schritte zum Reproduzieren des Verhaltens:
- Gehen Sie zu
www.freecodecamp.dev(oder einer beliebigen Seite mit Suche) - Neu laden
- Siehe Verschieben des Platzhaltertextes
- Klicken Sie auf die Suchleiste
- Geben Sie etwas ein
- Sehen Sie, wie das Ergebnis kurz fett angezeigt wird, und wechseln Sie dann zu einem normalen Gewicht
Erwartetes Verhalten
Die Seite sollte mit den Stilen beginnen, die sie am Ende erhält.
Screenshots
ojeytonwilliams
Alle 3 Kommentare
Hey, ich möchte dabei helfen. Wo finde ich den Code dafür? (Zum ersten Mal beitragen)
GabCostaSilva
am 15. Okt. 2019
@GabCostaSilva Ich bin mir nicht 100% sicher, wo das Problem liegt, aber die Komponenten SearchBar , SearchHits und SearchSuggestion sind alle zu einem gewissen Grad beteiligt. Irgendwie bekommen die SearchSuggestions beim ersten Rendern nicht die richtigen Klassen, denke ich.
Ich habe vor, morgen selbst genauer hinzuschauen, aber Sie können gerne eine PR einreichen / Einblicke gewähren. Wie du möchtest!
ojeytonwilliams
am 15. Okt. 2019
Es stellte sich heraus, dass es nichts mit diesen Komponenten zu tun hatte. Das Problem ist, dass die Schriftart Lato-300 erst geladen wird, wenn sie benötigt wird - in diesem Fall, wenn die Suchergebnisse angezeigt werden. Das verursacht einen kurzen Blitz von Arial und das ist die Ursache des Problems.
Ich werde mich mit dem Vorladen der Schriftarten befassen und dies klären.
ojeytonwilliams
am 16. Okt. 2019
Verwandte Themen
kokushozero
·
3Kommentare
vaibsharma
·
3Kommentare
EthanDavis
·
3Kommentare
DaphnisM
·
3Kommentare
ar5had
·
3Kommentare