Kleiner Bug beim Laden von /latest, optisch

Die Kategorienliste rutscht nach dem Laden nach rechts, wie hier zu sehen:

ZfvKuJPUOr2Tu
Normalerweise sehe ich das nicht beim ersten Laden, aber nachfolgende Neuladungen von /latest lösen das Problem. Ich hatte eine Weile Schwierigkeiten, das auf Meta zu erkennen (bis ich buchstäblich diesen Beitrag schrieb), aber es tritt konsequent auf meinem Forum auf (und anscheinend jetzt auch auf Meta für mich).

Entdeckt mit Chrome/Win7-Desktop, auf Firefox reproduzierbar. Der Effekt ist umso ausgeprägter, je breiter das Fenster ist. Scheint nur aufzutreten, wenn man angemeldet ist; beim anonymen Surfen sehe ich dieses Verhalten nicht. Egal, ich bekomme es jetzt auf Firefox und Chrome auch anonym ohne große Mühe.

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 „Gefällt mir“

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 „Gefällt mir“

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