search

italia / bootstrap-italia

Bootstrap Italia è un tema basato su Bootstrap 5 conforme alle "Linee guida di design per i siti internet e i servizi digitali della Pubblica Amministrazione"
https://italia.github.io/bootstrap-italia
BSD 3-Clause "New" or "Revised" License
311 stars 163 forks source link

Errore chip responsive #1227

Open AlfioCostanzo opened 1 month ago

AlfioCostanzo commented 1 month ago

Does a discussion already exist on the topic you are interested in, or on a similar topic?

Library version

2.9.0

What

Le label delle chip che contengono del testo lungo, quando visualizzo da mobile o schermi ridotti, vanno a capo "fuori" dal bordo della chip stessa

image

Why

Il comportamento atteso è che il testo rimanga contenuto nel bordo della label. Allo stato attuale sembra che non faccia più parte della label e inoltre, con l'hover, il testo che fuoriesce dalla chip non viene visualizzato.

image

Context

No response

More

No response

zetareticoli commented 1 month ago

Sono d'accordo che un elemento contenitore deve sempre includere il testo all'interno. È anche vero che se pensi di usare una chip per un paragrafo di testo, stai sbagliando componente.

Comunque valuteremo il bug, sul componente chips si era lavorato di recente in #997

AlfioCostanzo commented 1 month ago

Ti ringrazio per il feedback. Essendo il componente chip utilizzato per visualizzare gli argomenti dei contenuti (come indicato nelle linee guida - negli esempi), il problema si presenta per tutti quegli argomenti più lunghi e su risoluzioni schermo piccole.