Firefox und die Pseudoklasse aus dem ersten Buchstaben

Unser Team benötigte eine einzelne Dropdown-Liste, um den Listenelementen je nach Elementtyp Symbole hinzuzufügen. Die Liste selbst ist eine Komponente von Drittanbietern, die ich nicht berühren wollte. Symbole werden in Form einer Schriftart implementiert, d. H. Sie sind Unicode-Zeichen.
Als Lösung wurde auf dem Server je nach Elementtyp das Symbol \ uXXXX als regulärer Buchstabe hinzugefügt, und auf dem Client wurden schöne Quadrate empfangen, da die für die Liste verwendete Schriftart nicht die Codes unserer Symbole enthält. Hier kam uns die CSS- Pseudoklasse zu Hilfe : erster Buchstabe

Diese Anweisung ist in „Pseudoklasse: Anfangsbuchstabe“ und in „12 wenig bekannte CSS-Fakten (Fortsetzung)“ ausführlich beschrieben.

Alles funktioniert wie eine Uhr: Legen Sie eine Klasse fest, legen Sie eine Pseudoklasse mit unserer Schriftart (Schriftfamilie) fest, führen Sie sie aus - es funktioniert in Chrome. Überprüfung in IE11 und Edge - funktioniert. Aber in Firefox - funktioniert nicht. Nach all den Tänzen mit einem Tamburin (Reinigungsverlauf und Cache) stellen wir endlich sicher, dass es in Firefox definitiv nicht funktioniert.

Eine Suche im Internet ergab ( https://css-tricks.com/forums/topic/first-letter-firefox-problem ), dass Firefox versucht festzustellen, ob ein Zeichen ein Buchstabe zum Anwenden einer Pseudoklasse ist, und wenn es anders denkt, ist die Pseudoklasse einfach ignoriert. Dies entspricht im Allgemeinen den Informationen in "12 wenig bekannte CSS-Fakten (Fortsetzung)", aber es ist klar, dass Firefox "Nicht-Buchstaben" als etwas anderes versteht als das, was andere moderne Browser verstehen.

Wir konnten dieses Problem nicht direkt lösen, wir mussten den Listenelementen mit unseren Sonderzeichen im Client eine Spanne hinzufügen.

Die Schlussfolgerung ist leider, dass die Pseudoklasse aus dem ersten Buchstaben derzeit nicht verwendet werden kann, um das Problem der Anzeige eines benutzerdefinierten Zeichens in einer Zeichenfolge zu lösen.

UPD Danke dartraiden - dieses Problem ist in Mozilla bekannt - offizieller Bug

Source: https://habr.com/ru/post/de414321/


All Articles