Firefox et la pseudo-classe à la première lettre

Notre équipe avait besoin d'une seule liste déroulante pour ajouter des icônes aux éléments de la liste, selon le type d'élément. La liste elle-même est un composant tiers auquel je ne voulais pas toucher. Les icônes sont implémentées sous la forme d'une police, c'est-à-dire qu'il s'agit de caractères Unicode.
En guise de solution, sur le serveur, selon le type d'élément, le symbole d'icône \ uXXXX a été ajouté en tant que lettre régulière et de beaux carrés ont été reçus sur le client, car la police utilisée pour la liste ne contient pas les codes de nos icônes. Ici, la pseudo- classe CSS est venue à notre aide :: première lettre

Cette instruction est bien décrite dans «Pseudo-classe: première lettre» et dans «12 faits CSS peu connus (suite)» .

Tout fonctionne comme une horloge: définissez une classe, définissez une pseudo-classe avec notre police (famille de polices), exécutez-la - cela fonctionne dans Chrome. Vérification dans IE11 et Edge - fonctionne. Mais dans Firefox - ne fonctionne pas. Après toutes les danses avec un tambourin (nettoyage de l'historique et du cache), on s'assure enfin que ça ne marche définitivement pas dans Firefox.

Une recherche sur Internet a montré ( https://css-tricks.com/forums/topic/first-letter-firefox-problem ) que Firefox essaye de déterminer si un caractère est une lettre pour appliquer une pseudo-classe, et s'il pense différemment, alors la pseudo-classe est simplement ignoré. Cela correspond généralement aux informations contenues dans «12 faits CSS peu connus (suite)», mais il est clair que Firefox comprend les «non-lettres» comme quelque chose de différent de ce que les autres navigateurs modernes comprennent.

Nous n'avons pas pu résoudre ce problème de front, nous avons dû ajouter une étendue aux éléments de la liste avec nos caractères spéciaux dans le client.

La conclusion, malheureusement, est qu'à l'heure actuelle, la pseudo - classe de première lettre ne peut pas être utilisée pour résoudre le problème d'affichage d'un caractère personnalisé dans une chaîne.

UPD Merci dartraiden - ce problème est connu dans Mozilla - bug officiel

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


All Articles