Le composant Input utilise actuellement les classes CSS .fr-error-text, .fr-valid-text et .fr-info-text pour la div de message, au lieu des classes recommandées par la documentation officielle de DSFR : .fr-message accompagnées de .fr-message-error, .fr-message-valid et .fr-message-info.
Cette incohérence entraîne un mauvais positionnement des icônes de validation ou d’erreur : elles apparaissent centrées verticalement à gauche du texte, au lieu d’être alignées en haut à gauche lorsque le message occupe plusieurs lignes.
Actuel:
Attendu:
Le composant Input utilise actuellement les classes CSS .
fr-error-text,.fr-valid-textet.fr-info-textpour la div de message, au lieu des classes recommandées par la documentation officielle de DSFR :.fr-messageaccompagnées de.fr-message-error,.fr-message-validet.fr-message-info.Cette incohérence entraîne un mauvais positionnement des icônes de validation ou d’erreur : elles apparaissent centrées verticalement à gauche du texte, au lieu d’être alignées en haut à gauche lorsque le message occupe plusieurs lignes.
Actuel:
Attendu: