For specific browser widths, horizontal scroll bar appears

ux
1

Just a minor bug here.

Repro Steps:

  • Enter a topic with a few existing replies
  • Hit reply on the first post
  • Scroll down past the last post with the composer open

Additional notes:

  • Can reproduce in desktop Safari, Chrome and Firefox
  • Browser window must be small enough to where the composer is touching the edges of the window
  • It seems to trigger when topic-progress indicator detaches from the composer and docks to the last post

Seems to go away with:

#topic-progress-wrapper.docked {
   right: 1px;
}

Illustration:

x-scroll%20bug
x-scroll%20bug2560×1220 216 KB

3 Likes
2

Make the browser a bit bigger, then? :wink:

2 Likes
3

:rofl: Unfortunately that would require buying a new computer! On a 13" MacBook Pro, the composer touches the edges of the window at maxed browser size.

Here’s another weird thing that can happen because of it:

https://streamable.com/7y8pc

With that said, this is a minor thing that the majority of users probably won’t encounter.

6 Likes
4

Maybe @awesomerobot can take a look at some point.

4 Likes
5

So turns out the topic progress bar was ~2px wider than its container (likely because of the border?), so when at right: 0; and at X/X progress it produced a slight horizontal scroll. The solution was to subtract 2 from the width calculation.

FYI @sam this was the same issue you were seeing.

10 Likes