Forum d'entraide PHPFrance

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.



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



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

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à

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

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

Bizarre comme bug... tu devrais le remonter à jsgrid car à mon avis ça ressemble à un pb de leur côté

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