/latest の読み込み時に表示される軽微な外観バグ

カテゴリ一覧が読み込み後に右へ跳ねるように動きます。以下をご覧ください:

ZfvKuJPUOr2Tu

通常、最初の読み込みではこの現象は見られませんが、/latest の再読み込みを行うと発生します。メタフォーラムではしばらくこの現象を確認できませんでした(まさにこのトピックを書いている最中まで)。しかし、私のフォーラムでは一貫して発生しており、どうやらメタフォーラムでも私には今や確認できるようになったようです。

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..