Weird Topic Progress Bar Behavior

AI-generated summary

A discussion on the “Weird Topic Progress Bar Behavior” reveals an inconsistent issue with the topic progress bar’s width responsiveness. smrtey initially reported the problem, showing screenshots and videos of the issue occurring on meta.discourse and their own site, where the bar expands and collapses at different widths.

codinghorror suggested it might be a site-specific CSS issue, but smrtey confirmed it happens on meta.discourse as well. codinghorror pointed out that a non-default theme was in use, but smrtey offered to reproduce the issue on a different theme.

After trying incognito mode and the default theme, smrtey confirmed the issue persists. awesomerobot also reproduced the issue and noted a potential performance hit, as well as a related problem with the avatar/topic layout wrapping at a specific width.

Not sure if this is just because I’m doing things users aren’t expected to do, but I noticed the topic progress bar just started acting weird.

It covers posts at certain widths.

It correctly collapses when it narrows:

But when it narrows further it expands again:

Here is a video of the behavior:

I first noticed the issue on my forum where I’d used CSS to make the Desktop View fit on mobile screens to get the embedded posts for quotes. It worked fine for months and I only just noticed I no longer had a topic progress bar on small screens. Here’s how it acts on my site (this is in Desktop View):

Unless you can repro it here this is an issue with your site css and theming.

My screen shots and first video are on meta.discourse.

You have a non default theme chosen so.. not really?

1 Like

Sorry I just picked a theme from the menu. Which theme do you want me to reproduce it on?

Try in incognito mode in your browser to start. Then you know you are getting all defaults. Or try.discourse.org since that is what it is for.

Same behaviour in incognito mode

2 Likes

Yeah I’m seeing the same thing… seems like performance took a hit somewhere? (also noticed the avatar/topic layout wraps at a specific width, investigating that)

7 Likes