Abbiamo per caso nomi di categoria particolarmente lunghi che hanno rivelato questo:
Forse sarebbe meglio impostare una larghezza massima per quell’elemento? Direi che è accettabile se il nome viene tagliato, dato che il nome completo è visibile aprendo il menu a tendina.
Ciao Paulo,
Penso che dovrebbe essere troncato di default. Usi qualche CSS personalizzato?
Modifica: Sì, questo è incluso di default nel CSS. Controlla il tuo CSS e aggiungilo se manca.
.badge-wrapper .badge-category .category-name {
text-overflow: ellipsis;
overflow: hidden;
}
Abbiamo effettivamente del CSS personalizzato, ma è piuttosto basilare e non dovrebbe influire su questo. Tuttavia, ho disattivato il nostro tema personalizzato usando la modalità sicura e ho riscontrato lo stesso problema.
Dopo ulteriori test, ho notato che questo si verifica solo in base allo spazio disponibile. Modificando la larghezza della viewport disponibile, funziona correttamente:
Oppure, se i tag sono abilitati in Discourse, funziona anch’esso:
Ma se c’è uno spazio ampio per il campo categoria (e se i tag non sono abilitati), può sovrapporsi all’anteprima.
Capisco cosa intendi e riesco a riprodurre il problema se elimino o sovrascrivo max-width: 100%; in questa riga:
#reply-control .category-input .category-chooser {
display: flex;
flex: 1 0 auto;
max-width: 100%;
width: auto;
}
In caso contrario, il nome della categoria viene troncato con ... alla fine.
Penso di averlo risolto nell’ultimo mese… hai aggiornato Discourse di recente?
Le mie scuse, avrei dovuto verificare ‘tests-passed’ prima di segnalare. Hai ragione, sembra essere presente solo nell’ultima versione stabile, quindi questo può essere chiuso.