Label radio toggle button non funzionante

[AlessandroVecchi]

Versione di Bootstrap Italia

2.6.0

Comportamento atteso

https://getbootstrap.com/docs/5.2/forms/checks-radios/#radio-toggle-buttons
Lo stato active deve essere solo sul pulsante selezionato

Comportamento attuale

La label dei pulsanti, una volta premuti, rimangono sempre con la classe active.
Questo è dovuto al meccanisco che fissa la label in alto quando un input contiene qualcosa o è selezionato.
https://italia.github.io/bootstrap-italia/docs/form/introduzione/#organizzazione-dei-campi

Possibili soluzioni

è possibile che funzioni esattamente come nella documentazione di Bootstrap?

[Virtute90]

Non ho capito la domanda, fai riferimento ad un radio button nel primo caso ma nel secondo ad un input di tipo testo.

[PiemP]

Questa problematica credo sia collegata alla #954 . Io non ho questo problema in quanto uso il codice che ho rilasciato nella PR #955 e vado ad escludere dagli elementi con le "label attive" gli input di tipo radio e di tipo checkbox.

Risolta la #954 si risolve anche questa....credo 😋

[astagi]

Grazie @PiemP ! Sarebbe quasi utile creare un esempio all'interno della documentazion, ci penso. Intano assegno questa issue alla tua PR.

[AlessandroVecchi]

Non ho capito la domanda, fai riferimento ad un radio button nel primo caso ma nel secondo ad un input di tipo testo.

Ciao,
Mi scuso se non ho risposto prima.
Bootstrap offre una funzionalità che si chiama "Radio toggle buttons" (il primo link).
Questa su Bootstrap Italia non funziona correttamente per via del meccanismo un po' contorto delle label di cui abbiamo discusso nella #954
Non avevo un esempio da mostrare su BI in quanto non è presente questa funzionalità nella documentazione ma in teoria dovrebbe essere trasparente ed ereditarla da boostrap.

[astagi]

Grazie @AlessandroVecchi quindi tu hai utilizzato le classi bootstrap native? cioè hai fatto una cosa di questo genere?

<input type="radio" class="btn-check" name="options" id="option4" autocomplete="off">
<label class="btn btn-secondary" for="option4">Radio</label>

[AlessandroVecchi]

Grazie @AlessandroVecchi quindi tu hai utilizzato le classi bootstrap native? cioè hai fatto una cosa di questo genere?

<input type="radio" class="btn-check" name="options" id="option4" autocomplete="off">
<label class="btn btn-secondary" for="option4">Radio</label>

esatto

[astagi]

@AlessandroVecchi con la PR si risolve il problema (cc @PiemP )

[AlessandroVecchi]

Ciao,
Non ho capito bene se sia dovuto a questa PR ma adesso riscontro un comportamento sbagliato che non rispecchia quello di bootstrap: https://getbootstrap.com/docs/5.2/forms/checks-radios/#radio-toggle-buttons

In particolare non vengono mantenute le classi contestuali.
nel mio caso

<label class="btn btn-outline-success" ...

12:30 dovrebbe essere totalmente verde con testo bianco invece perde tutta la formattazione.

edit: sto usando BI 2.7.9