Bug menor ao carregar /latest, estético

A listagem de categorias salta para a direita após o carregamento, como visto aqui:

ZfvKuJPUOr2Tu
Geralmente não vejo isso no primeiro carregamento, mas recarregamentos subsequentes de /latest resolvem. Tive dificuldade em perceber isso no Meta por um tempo (até literalmente escrever este tópico), mas acontece consistentemente no meu fórum (e aparentemente no Meta agora, para mim).

Encontrado usando Chrome/Win7 desktop, reproduzido no Firefox. O efeito é mais pronunciado quanto mais larga a janela estiver. Parece ocorrer apenas enquanto logado; não vejo esse comportamento ao navegar anonimamente. Esqueça, estou conseguindo reproduzir anonimamente no Firefox e no Chrome agora, sem muito esforço.

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 curtidas

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 curtidas

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