[BUG]: le label non si attivano
Closed this issue · 9 comments
Comportamento atteso
La label dovrebbe spostarsi all'inserimento del testo
Comportamento attuale
La label non si sposta
Possibili soluzioni
Al momento ho risolto con questo in un ng-deep :
.form-group label.active {
transform: translateY(-75%);
}Contesto
Il comportamento si verifica con l'ultima release v1.0.0-19.
Angular 16
Sto sperimentando lo stesso comportamento indesiderato, ancora nessuna soluzione che non sia un work-around?
La stranezza è che si sta presentando in un nuovo progetto Angular 16, in un precedente progetto, sempre Angular 16 che che partiva con la versione 1.0.0-18 della libreria funziona tutto come dovrebbe.
@icolumbro-asf @antenucci96 avete aggiornato Bootstrap Italia all'ultima versione o state usando quella del kit?
@astagi quella del kit
@astagi quale versione sarebbe opportuno utilizzare? Chiedo perché sto utilizzando il kit in due progetti diversi, uno iniziato precedentemente con la versione 1.0.0-18, dove il problema sembrerebbe non presentarsi, e uno più recente con la versione 1.0.0-19, dove si presenta il problema. Adesso non ho i progetti sottomano per poter verificare la versione di Bootstrap Italia però, se può essere quella la causa, proverò a forzare l'uso di una versione più vecchia (2.7.0?).
@astagi il problema è presente anche sulla libreria base di bootstrap-italia.
Guarda questo esempio https://italia.github.io/bootstrap-italia/docs/form/input/#input-con-icona-o-pulsanti
l'input centrale presenta questo problema della label.
Infatti il problema si presenta quando dentro form-group è presente un input-group
Nel design angular kit viene usato sempre un input-group all'interno del form-group. Ho fatto una prova rimuovendo l'input-group e la label si attiva.
Credo che la soluzione migliore sia fixare questo problema (di css) direttamente su bootstrap-italia.
PS: ho anche provato a fare il downgrade a bootstrap-italia 2.7.0 ma si presenta lo stesso problema
@astagi ho appena verificato le versioni di Bootstrap Italia su i due progetti che sto portando avanti, su quello dove il problema non si presenta è installata la versione 2.7.0 mentre sull'altro (quindi quello col bug) è installata la versione 2.7.6. Provo anche io a fare un downgrade e vediamo cosa succede, in ogni caso, come detto anche da @antenucci96, si dovrebbe fixare il problema direttamente in Bootstrap Italia.
EDIT: ho appena provato a fare il downgrade della versione di Bootstrap Italia da 2.7.6 a 2.7.0 e il problema sembrebbe essersi risolto...
@icolumbro-asf @AntoninoBonanno perfetto verifico su bootstrap italia e rilascio il fix quanto prima, grazie!
@antenucci96 @icolumbro-asf @AntoninoBonanno risolto con aggiornamento BSI 2180ab5 grazie infinite della segnalazione!
@astagi Sì, visto l'update di Bootstrap Italia a 2.7.8 e letto il changelog, grazie mille!