Il se trouve que nous avons des noms de catégories particulièrement longs, ce qui a mis cela en évidence :
Peut-être ajouter une largeur maximale à cet élément ? Je dirais que c’est acceptable si le nom est tronqué, car le nom complet peut être vu en ouvrant la liste déroulante.
Bonjour Paulo,
Je pense que cela devrait être tronqué par défaut. Utilisez-vous du CSS personnalisé ?
Éditer : Oui, c’est inclus dans le CSS par défaut. Vérifiez votre CSS et ajoutez ceci s’il manque :
.badge-wrapper .badge-category .category-name {
text-overflow: ellipsis;
overflow: hidden;
}
Nous avons bien quelques CSS personnalisés, mais ils sont assez basiques et ne devraient pas avoir d’impact ici. Quoi qu’il en soit, j’ai désactivé notre thème personnalisé en mode sécurisé et le problème persiste.
Après d’autres tests, j’ai remarqué que ce comportement ne se déclenche que selon l’espace disponible. En modifiant la largeur de la vue disponible, tout fonctionne correctement :
Ou, si les balises sont activées dans Discourse, cela fonctionne également :
Mais s’il y a un large espace pour le champ catégorie (et si les balises ne sont pas activées), cela peut chevaucher l’aperçu.
Je vois ce que vous voulez dire et je peux reproduire le problème si je supprime ou écrase max-width: 100%; sur cette ligne :
#reply-control .category-input .category-chooser {
display: flex;
flex: 1 0 auto;
max-width: 100%;
width: auto;
}
Sinon, le nom de la catégorie est tronqué avec ... à la fin.
Je pense avoir résolu cela au cours du dernier mois… Avez-vous mis à jour Discourse récemment ?
Je m’excuse, j’aurais dû vérifier tests-passés avant de signaler. Vous avez raison, cela semble ne se produire que sur la dernière version stable, donc cela peut être clos.