La classe is-invalid renderizza male sugli input type="date"

[diegoandornoorangepix]

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

• [X] Ho verificato e non esiste

Versione della libreria

2.9.0

Cosa

Inserendo la classe is-invalid in un input di tipo data con classe datepicker la crocetta viene ripetuta indefinitamente coprendo l'intero input

I test sono stati fatti su Mac (chrome e firefox) e su windows (firefox ed edge) aggiornati all'ultima versione Sui progetti proprietari e, per testare, direttamente nella documentazione di bootstrap-italia (come da foto allegata)

Per replicare l'errore è sufficiente: 1) andare nella pagina della documentazione https://italia.github.io/bootstrap-italia/docs/form/input-calendario/ 2) Fare tasto destro sul campo data e andare in ispeziona elemento 3) aggiungere la classe is-invalid alle classi dell'input attraverso il pannello di controllo del browser

Perché

Ritengo sia un errore perchè is-invalid è una classe nativa di bootstrap 5 (e infatti questo stesso test fatto sulla doc di bootstrap 5 va a buon fine) e su bootstrap italia sembra allineato per tutti gli altri input base ma non per le date

Contesto

No response

Altro

No response

[diegoandornoorangepix]

In locale ho risolto con una customizzazione dello style, aggiungendo 3 proprietà alle 3 già incluse da _just-validate.scss (vedere sempre la foto iniziale)

input[type=date].is-invalid {
    background-repeat: no-repeat;
    background-position: right;
    background-size: 20px;
}

Non saprei dove andare ad aggiornarlo per fare direttamente la pull request quindi le lascio qua che magari possono tornare utili

[zetareticoli]

Il bug nasce dal fatto che la input in questione non ha la classe .form-control. Aggiungendola, lo stato is-invalid si comporta correttamente.

Nel CSS di BSI c'è una dipendenza tra le due.

@Fupete forse è un errore nella documentazione, perché tutti gli altri casi di input prevedono sempre la classe .form-control

[Fupete]

Sentiamo @astagi ⬆️ poi fai/fate pure una PR di fix.

[zetareticoli]

@Fupete aperta PR