# 当观察徽章接收排行榜时，长名称会渲染在相邻用户的头像后面，或覆盖其名称

**URL:** https://meta.discourse.org/t/long-names-render-behind-adjacent-users-avatars-or-over-their-names-when-observing-badge-receipt-leaderboards/396152
**Category:** Bug
**Tags:** badges
**Created:** [2026年二月16日 00:01 UTC](https://meta.discourse.org/t/long-names-render-behind-adjacent-users-avatars-or-over-their-names-when-observing-badge-receipt-leaderboards/396152 "2026-02-16T00:01:37Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![roke\_julian\_lockhart](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roke_julian_lockhart/32/540179_2.png) [@roke\_julian\_lockhart](https://meta.discourse.org/u/roke_julian_lockhart)
#### Post date: [2026年二月16日 00:01 UTC](https://meta.discourse.org/t/long-names-render-behind-adjacent-users-avatars-or-over-their-names-when-observing-badge-receipt-leaderboards/396152/1 "2026-02-16T00:01:37Z")

</div>

当页面的宽度不受限制时，它会渲染在相邻头像的后面：

 ![](https://global.discourse-cdn.com/meta/original/4X/4/3/e/43e6e1dbc0f79c89f327afa010f8e1f449311fda.png)

当页面的宽度受限时，它会渲染在相邻名称的上面：

 ![](https://global.discourse-cdn.com/meta/original/4X/a/9/5/a95f198d13a7b89a9f9939cbcf5ff39b87727e18.png)

---

<div class="post-metadata">

### Author: ![bryce](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bryce/32/377822_2.png) [@bryce](https://meta.discourse.org/u/bryce)
#### Post date: [2026年二月18日 00:40 UTC](https://meta.discourse.org/t/long-names-render-behind-adjacent-users-avatars-or-over-their-names-when-observing-badge-receipt-leaderboards/396152/4 "2026-02-18T00:40:14Z")

</div>

感谢您的报告！应该已通过以下链接修复：

> <https://github.com/discourse/discourse/pull/37882>
>
> A constraint is needed in order to make the ellipsis work.
> 
> \### Before / After…
> 
> \<img width="2160" height="1220" alt="image" src="https://github.com/user-attachments/assets/1d4d041d-408d-4bba-a03a-70557effed7b" /\>
> 
> \*🤖 AI used for anonymized user data in screenshot\*