加载 /latest 时存在轻微美学 bug

分类列表加载后会向右跳动,如下所示:

ZfvKuJPUOr2Tu
我通常不会在首次加载时看到这种现象,但后续重新加载 /latest 页面就会出现。我在 Meta 上一段时间内难以复现此问题(直到写下这个主题),但在我的论坛上却始终存在(看来我现在在 Meta 上也能复现了)。

该问题在使用 Chrome/Win7 桌面版时发现,并在 Firefox 上复现。窗口越宽,此现象越明显。似乎仅在登录状态下出现,匿名浏览时未观察到该行为。 算了,现在在 Firefox 和 Chrome 上匿名浏览也能轻松复现。

This is a long standing UX bug we have ideally I want us to change the way we size that the topic list uses table-layout: fixed;@awesomerobot is that doable?

General repro is to keep scrolling down the list of topics.

The problem here is the “categories” column. It very hard to pick a “right size” for it, category names can be super long or short. I guess we could cap it at 150px and then people can do what they will on the site they host if it is too short or long.

2 个赞

I remember getting this bug on my forum.. I never had this issue on meta so I thought it was due to some modifications on my customize section. I corrected it by adding a fixed width to this column, I didn’t know how to fix it otherwise

.topic-list td.category {
    width: 145px;
    font-size: 1em;
}

But this wouldn’t work on every forums due to categories’ names lengh

2 个赞

Oh weird, I just noticed this fairly recently - maybe not very noticeable in certain circumstances (and/or I’m blind except right now).

Cool though, just reportin’ in. :slight_smile:

It’s problematic if sites have enormously long category names. We try to strongly discourage this, and put forced ellipsis on catergory badge length. So in theory we could set category column to a fixed width of maximum “allowed” category badge width..