Affichage anormal des options sélectionnées (enum multiple) ayant une icone de type SVG

[bmo (Bruno Montagnac)]

Request description

Affichage anormal des options sélectionnées (enum multiple) ayant une icone de type SVG

Steps to reproduce

This request concerns an up-to-date Simplicité instance
and these are the steps to reproduce it:

Technical information

Instance /health

[Platform]
Status=OK
Version=6.0.14
BuiltOn=2024-06-24 16:23
Git=6.0/29f59bbf1de2a4950b4a895775bf235e3f36d888
Encoding=UTF-8
EndpointIP=100.88.197.55
EndpointURL=http://lbc-77449-app-b698f8c7b-96fmh:8080
TimeZone=Europe/Paris
SystemDate=2024-07-09 09:33:35

Simplicité logs

NA

Browser logs

NA

Other relevant information

NA

[Francois (François Genestin)]

Merci pour ce retour,

Le navigateur ne doit pas savoir calculer la largeur de l’icone SVG = 0 et le texte déborde de cette largeur.
Il va surement falloir forcer la largeur de l’icone explicitement par CSS genre width:3rem mais c’est la hauteur qui va être potentiellement en dehors… ou mieux forcer le container à s’aligner.

on va regarder ce qu’on peut faire.

[bmo (Bruno Montagnac)]

Bonjour François,

merci bcp pour ton retour rapide.

Rien d’urgent. Nous avons une nouvelle UX designer qui est arrivée sur le projet. Nous devrions avoir d’autres demandes de support inhérentes à notre thème RenaultGroup v6. J’essaye de trier/prioriser en amont.

[Francois (François Genestin)]

Ok rien de compliqué.

Le composant select2 impose un float:left sur les boxes multiples et ça n’aime pas bien les SVG sans largeur fixe. C’est plus un pb de ce composant open-source mal taillé pour travailler dans bootstrap, la UI va devoir imposer une largeur aux icones des items, on a du déjà pas mal revoir les CSS de ce composant (notre dette technique ).

Et nous sommes preneurs des bonnes idées de votre UX designer.

[Francois (François Genestin)]

Ce sera corrigé en 6.0.16
L’icone aura une largeur fixe de 1.2rem et toujours une hauteur max de 1rem.