Skip to content

BSI3: Pattern .btn-check + label.btn (checkbox/radio-come-bottone) rotto in v3 #1921

Description

@Fupete

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

  • Ho verificato e non esiste

Versione della libreria

3.x

Cosa

Il pattern standard Bootstrap checkbox/radio-come-bottone (https://getbootstrap.com/docs/5.0/forms/checks-radios/), <input type="checkbox" class="btn-check"> + <label class="btn ...">, produce oggi input e label impilati verticalmente invece di comporre un bottone singolo (probabile problema di display).

Funzionava in v2, non risulta mai stato documentato in BSI.

Trovato incidentalmente durante l'indagine su btn-hover-border-color (_buttons.scss, #1903): impossibile verificare con certezza l'effetto reale del blocco .btn-check:focus-visible + & proprio perché il pattern base è già rotto. La property è stata ripristinata in modo conservativo (default storico, nessuna rimozione) senza poter
escludere che quel blocco sia dead code, come lo è risultato il caso gemello sul bottone semplice.

Non fixato: richiede un'indagine più ampia, potrebbe non essere solo CSS.

Verifica impatto Dev Kit Italia

Non verificato. packages/buttons (button.scss, globals.scss) non implementa in alcun modo il pattern .btn-check/label.btn. Da confermare se Dev Kit ha un componente proprio per checkbox/radio-come-
bottone che aggira il problema, o se il gap è ereditato anche lì by design.

Perché

Bug.

Contesto

Emerso durante il triage di #1888 (custom property disconnesse), su btn-hover-border-color in _buttons.scss.

Altro

No response

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

Projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions