Caractère Unicode dans un select tag

Eléphant du PHP | 140 Messages

23 août 2017, 18:18

Bonjour, bonsoir

Je rencontre un petit soucis concernant l'affichage de caractère via l'Unicode dans un select

Pour faire simple j'utilise le plugin "jsgrid" pour construire des grilles.
Le plugin auto-build des filtres pour la grille.

Pour un champs en particulier le filtre est présenté sous forme de select
Le filtre et la grille prennent l'icone à affiché directement du JS à savoir :
items : [
    { Name : '', id : "0"},
    { Name : '\uf631', id : "1"},
    { Name : '\uf259', id : "2"},
    { Name : '\uf3ef', id : "3"},
    { Name : '\uf6d0', id : "4"}
],

Ceci est le code retourné par l'inspecteur de chrome :
<td class="jsgrid-cell jsgrid-align-center" style="width: 20%;">
    <select aria-invalid="false">
        <option value="0"></option>
        <option value="1"></option>
        <option value="2"></option>
        <option value="3"></option>
        <option value="4"></option>
    </select>
</td>
Evidemment les caractères "" sont des icônes.

Image

Le soucis apparaît sous Firefox (v54.0.1 et v55.0.2 pour Windows et v55.0.2 pour Linux) , ici la grille affiche correctement l'icone voulu en revanche le select pas du tout

Image

Après quelques recherches sur internet :

- l'erreur remontant le plus souvent est que Firefox ne trouve pas la police de caractères associés :
Dans mon cas la grille et le filtre utilise le même Unicode et sont tout deux avec la même font mais l'un sait l'afficher correctement est pas l'autre

- Désactiver l'accélération matériel :
Aucun changement

- Ajouter la font dans les fonts de Firefox :
Aucun intérêt pour ma part, des gens extérieurs seront amenés à se connecter sur ce site web


Si quelqu'un à déjà rencontré le problème et à trouver une solution, je suis prenneur
Cordialement
Naroth

Avatar de l’utilisateur
Administrateur PHPfrance
Administrateur PHPfrance | 7375 Messages

23 août 2017, 23:32

Bonjour,

As tu regardé la console de ton navigateur pour voir si il n'y aurait pas une erreur ?
Idem dans l'onglet réseau, n'as-tu pas une ligne en rouge ? Est-ce que la font souhaitée est bien téléchargée ?

Si tu as un adblocker ça peut aussi venir de là
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphant du PHP | 140 Messages

23 août 2017, 23:40

Merci pour ta réponse.
C
onsole vide et pas d'erreur.
Il y a moyen d'avoir des niveaux de debug plus poussés sous firefox ? (J'imagine bien qu'il doit claquer une erreur quelque part)
Ma VM Linux ne possède pas d'adblocker.
Le font est effectivement bien téléchargé, les icônes de la grille et du select sont les mêmes.
Je continuerais mes investigations demain
Cordialement
Naroth

Eléphant du PHP | 140 Messages

24 août 2017, 12:56

Ok, si je set juste l'attribut "multiple" sur mon select tag les icones sont affichés correctement.
Cordialement
Naroth

Avatar de l’utilisateur
Administrateur PHPfrance
Administrateur PHPfrance | 7375 Messages

24 août 2017, 15:58

Bizarre comme bug... tu devrais le remonter à jsgrid car à mon avis ça ressemble à un pb de leur côté
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphant du PHP | 140 Messages

24 août 2017, 23:33

Hélas je suis pas sur que ça vienne de Jsgris le bug se reproduit hors de la grid. En mode édition la grille (sans attribut multiple) gère correctement le bordel mais je dois avouer pas avoir check le html de l'édition. je vérifie demain ! merci encore Arthur
Cordialement
Naroth