Affichage NOK depuis version 4.5

[Phil]

Bonjour,

Depuis la mise à jour de jeedom, l’affichage des listes déroulantes dans les design n’est plus correct.

Dans le design:

Dans le dashboard ca reste OK:

Aidé de chat GPT, j’ai essayé de chipoter un peu partout, j’ai surtout fait n’importe quoi, et je n’ai pas trouvé de solution.

Help !

[Bison]

Bonjour,

Juste au cas où, tu as essayé de redémarrer Jeedom puis d’essayer sur un autre navigateur ?

[Fifirept]

Bonjour,
On ne voit pas l’image entière mais avez vous essayé de jouer sur la largeur de l’équipement ?

[Phil]

Oui, jeedom a été rebooté. Affichage NOK sur EDGE, si sur Mozilla, ni sur google chrome sur mon téléphone.

[Phil]

Bonjour,
Oui bien sur, j’ai aussi essayé de changer le zoom, mais rien n’y fait.
Et ca le fait sur mes deux virtuels et sur toutes les pages de design qui reprennent ces virtuels.

Et sur le dashboard c’est impeccable !

[Phil]

On dirait qu’entre autre la justification n’est pas correcte dans le design
J’ai raccourci le texte et …

Sur le dashboard:

Sur le design

Je précise bien que pour toutes les version antérieurs en V4 c’était OK, ca foire depuis la 4.5

[Phil]

Si dans le design, je demande de justifier à gauche

Bhouuu, ca dépasse mes compétances

[Phil]

Je n’avais pas trop suivit les infos sur la 4.5, de ce que je comprends, il y a eu beaucoup de travail fait sur cette version.
OK, no stress, on va dire que c’est une erreur de jeunesse de la 4.5.
Un peu de patience, je suis certain que l’on peut compter sur l’équipe pour avoir la solution

[Bison]

Bon en tout cas je reproduis aussi le soucis, j’utilise pas de select dans les design donc j’avais pas vu

[Phil]

Je me sens moins seul

[Phil]

Bonjour,

Je viens de faire la mise à jour en 4,51, mais il n’y a pas de changement concernant ce bug d’affichage.
Ce n’est pas un bug critique mais j’aimerais quand même savoir sil il est prévu de le corriger ou si il faut envisager de mettre en place un plan B ?

Merci à l’équipe des développeurs

[Phil]

Si cela peut aider d’autres, je me répond à moi même

Après beaucoup de chipotage, j’ai réussi à faire un truc lisible dans le design.

Dans le fichier de personnalisation custom.css, voici ce que j’ai ajoutté:

.selectCmd {
    all: unset !important;    
    -webkit-appearance: none !important;
    background-color: transparent !important;    
    background-position: right 6px center !important;
}

Voici le résultat:

Mais ca modifie aussi le dashboard qui n’avait rien demandé …
Ce n’est pas parfait, mais en attendant mieux, ca fera l’affaire.

[Bison]

Salut,

Tu peux essayer de mettre ça dans ta perso (et d’enlever ce que tu as mis pour corriger bien sûr) :

[data-page="plan"] div[data-subtype=select] {
	min-width: 100% !important;
}

[Phil]

Bonjour,

Super, l’affichage est parfait sur le design !

Un grand merci

[Bison]

Good ! De rien

Alors la solution est sur mon message juste au dessus @Phil