Skip to content

Icône de message d’erreur/validation/info mal positionnée dans le composant Input #480

@LucienRbl

Description

@LucienRbl

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:

Image

Attendu:

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions