Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Comportamento inconsistente tra input con label attiva e input con icona con label attiva #1258

Open
1 task done
lbertonicsc opened this issue Oct 25, 2024 · 0 comments
Open
1 task done
Labels
bug Issue e PR su problemi di funzionamento della libreria

Comments

@lbertonicsc
Copy link
Contributor

lbertonicsc commented Oct 25, 2024

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

  • Ho verificato e non esiste

Versione della libreria

2.10.0

Cosa

Buongiorno,

vorrei portare alla vostra cortese attenzione la seguente problematica.

Nei campi input con icona, quando la label ha applicata la classe active, la label risulta allineata alla fine dell'icona.

Nei campi input senza icona, la label attiva risulta allineata all'inizio dell'input.

Quindi se per esempio abbiamo un campo input senza icona e uno con icona, l'allineamento risulta inconsistente (vedi immagine di seguito):

immagine

C'è inoltre un altro comportamento inconsistente dei campi input che è quello applicato ai campi input number del seguente esempio: https://italia.github.io/bootstrap-italia/docs/esempi/form/
Potete notare che per i campi importo e percentuale, quando il valore viene cancellato e l'input è vuota, l'icona sparisce e viene sostituita dai rispettivi label-placeholder.
Inoltre la label attiva risulta allineata a sinistra all'inizio dell'input.

Grazie.

Perché

Ritengo rilevante la segnalazione perché sistemando questi comportamenti inconsistenti si otterrebbero un allineamento e un comportamento dei campi input con icona più consistenti.

Contesto

No response

Altro

No response

@Fupete Fupete added the bug Issue e PR su problemi di funzionamento della libreria label Oct 28, 2024
@Fupete Fupete moved this from 🆕 New to 📋 Backlog in Design system .italia 🇮‍🇹 Oct 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Issue e PR su problemi di funzionamento della libreria
Projects
Status: 📋 Backlog
Development

No branches or pull requests

2 participants