bootstrap-italia icon indicating copy to clipboard operation
bootstrap-italia copied to clipboard

Published 20 hours ago • verified publisher icon italia

Form input - bug placeholder nella label degli input

Open riccardolecca opened this issue 1 year ago • 7 comments

Versione di Bootstrap Italia

v2.7.8

Comportamento atteso

Quando il focus è su un input la label si sposta verso l'alto per l'immissione dei caratteri.

Comportamento attuale

Dalla versione 2.7.8 in poi, la label non si sposta verso l'alto e causa la sovrapposizione della label al campo input quando vengono immessi caratteri.

input-bug-bs-italia

riccardolecca avatar Dec 22 '23 10:12 riccardolecca

Ciao @riccardolecca non riesco a riprodurre il bug, in documentazione l'esempio con label funziona perfettamente, hai provato a vedere se ci sono errori di markup?

astagi avatar Dec 23 '23 07:12 astagi

Ciao @astagi , non vedo errori di markup (allego un esempio usato per fare una prova con la versione 2.8.1). Adesso ho aggiornato dalla versione 2.7.8 alla 2.8.1. Mentre se faccio nuovamente un downgrade alla versione 2.7.8 funziona di nuovo perfettamente. Qualche classe che va in conflitto forse?

Indagherò meglio sulla problematica e ti informerò nel caso di novità.

Grazie!

test 2 8 1

riccardolecca avatar Dec 27 '23 11:12 riccardolecca

Il file js principale viene inserito correttamente nella pagina? I files css e js come li carichi?

Virtute90 avatar Dec 28 '23 08:12 Virtute90

Sembra quasi che il JS non venga inserito alla fine del body ma all'inizio come ipotizza @Virtute90 . Puoi fare una verifica @riccardolecca ?

astagi avatar Jan 08 '24 11:01 astagi

Ciao @Virtute90 e @astagi, sto utilizzando bs-italia su un progetto Angular utilizzandolo come dipendenza npm. Ti confermo che il js e il css vengono caricati all'avvio del progetto, infatti non riscontro problemi con altri componenti come ad esempio i Tab (vi allego screenshot degli Origin della pagina).

origin

Vi specifico inoltre che utilizzo bs-italia dalle versioni precedenti alla 2.x.x e non ricordo di aver mai riscontrato problemi di questo tipo. Ho inoltre effettuato le verifiche aggiornando dalla versione 2.7.8 all'ultima (2.8.2). Se avete bisogno di altre informazioni o di altre verifiche resto a disposizione.

Grazie!

riccardolecca avatar Jan 11 '24 16:01 riccardolecca

Ciao @Virtute90 e @astagi, sto utilizzando bs-italia su un progetto Angular utilizzandolo come dipendenza npm. Ti confermo che il js e il css vengono caricati all'avvio del progetto, infatti non riscontro problemi con altri componenti come ad esempio i Tab (vi allego screenshot degli Origin della pagina).

origin

Vi specifico inoltre che utilizzo bs-italia dalle versioni precedenti alla 2.x.x e non ricordo di aver mai riscontrato problemi di questo tipo. Ho inoltre effettuato le verifiche aggiornando dalla versione 2.7.8 all'ultima (2.8.2). Se avete bisogno di altre informazioni o di altre verifiche resto a disposizione.

Grazie!

Visto che si tratta di un progetto Angular, ti consiglio di controllare la documentazione https://italia.github.io/design-angular-kit e l'esempio per la form https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/form-input.

Inoltre esiste un repo per angular kit https://github.com/italia/design-angular-kit, magari qualcuno ti sa aiutare maggiormente.

Virtute90 avatar Jan 11 '24 16:01 Virtute90

credo dipenda dal PR #955 perchè ho rimosso gli eventi che abilitavano le label attive nel caso in cui premevi il pulsante del mouse o premevi un tasto sulla tastiera. Nel caricamento della parte della pagina in modalità asincrona bisognerebbe re-inizializzare i campi input e le relative label.

Però credo che la versione di bootstrap italia citata nella issue sia errata perché questa modifica fa parte della 2.7.9.

PiemP avatar Feb 02 '24 08:02 PiemP