我们碰巧有一些特别冗长的类别名称，从而暴露了这个问题：
是否可以为该元素设置一个最大宽度？我认为，如果名称被截断是可以接受的，因为展开下拉菜单后可以看到完整名称。
1 个赞
你好，Paulo，
我认为默认情况下应该进行截断。你使用了自定义 CSS 吗？
编辑：是的，这默认就在 CSS 中。请检查你的 CSS，如果缺失则添加以下内容：
.badge-wrapper .badge-category .category-name {
text-overflow: ellipsis;
overflow: hidden;
}
1 个赞
我们确实有一些自定义 CSS，但非常基础，应该不会对此产生影响。尽管如此，我使用安全模式禁用了自定义主题，但问题依旧存在。
经过更多测试后，我注意到这个问题仅在可用空间不足时才会触发。调整视口宽度后，一切正常：
或者，如果启用了 Discourse 的标签功能，问题也不会出现：
但是，如果类别字段有较宽的空间（且未启用标签），则可能会与预览区域重叠。
1 个赞
我明白您的意思，如果删除或覆盖这一行中的 max-width: 100%;，我可以复现该问题：
#reply-control .category-input .category-chooser {
display: flex;
flex: 1 0 auto;
max-width: 100%;
width: auto;
}
否则，类别名称末尾会被截断并显示为 ...。
1 个赞
我想我在过去一个月内已经修复了这个问题……你最近更新过 Discourse 吗？
5 个赞
非常抱歉，我在报告之前应该先检查一下 tests-passed。您说得对，这个问题似乎仅出现在最新的稳定版本中，因此可以关闭此问题。
1 个赞