Resulta que tenemos nombres de categoría especialmente largos que lo revelaron:
¿Quizás un ancho máximo para ese elemento? Diría que es aceptable si el nombre se recorta, ya que el nombre completo se puede ver al abrir el menú desplegable.
1 me gusta
Hola Paulo,
Creo que debería truncarse de forma predeterminada. ¿Usas algún CSS personalizado?
Edición: Sí, esto está incluido en el CSS por defecto. Revisa tu CSS y agrega lo siguiente si falta:
.badge-wrapper .badge-category .category-name {
text-overflow: ellipsis;
overflow: hidden;
}
1 me gusta
Sí, tenemos algo de CSS personalizado, pero es bastante básico y no debería afectar esto. Aun así, desactivé nuestro tema personalizado usando el modo seguro y obtuve el mismo problema.
Después de algunas pruebas adicionales, noté que esto solo se activa dependiendo del espacio disponible. Al cambiar el ancho del viewport disponible, funciona correctamente:
O, si las etiquetas están habilitadas en Discourse, también funciona bien:
Pero, si hay un espacio amplio para el campo de categoría (y si las etiquetas no están habilitadas), entonces puede superponerse a la vista previa.
1 me gusta
Entiendo lo que quieres decir y puedo reproducir el problema si elimino o sobrescribo max-width: 100%; en esta línea:
#reply-control .category-input .category-chooser {
display: flex;
flex: 1 0 auto;
max-width: 100%;
width: auto;
}
De lo contrario, el nombre de la categoría se truncará con ... al final.
1 me gusta
Creo que lo solucioné dentro del último mes… ¿has actualizado Discourse recientemente?
5 Me gusta
Mis disculpas, debería haber verificado tests-passed para esto antes de informar. Tienes razón, esto parece estar presente solo en la última versión estable, por lo que esto puede ser cerrado.
1 me gusta