Games scrollbar breaks after resizing browser

Reproduction Steps

  1. Resize your browser to be smaller (1/2 of the size works best for visually seeing this bug)
  2. Scroll any games carousel to the right
  3. Make your browser full screen (back to its original size)
  4. Scroll left on any games carousel

Expected Behavior
You expect the games carousel to not allow you to infinitely scroll to the left, and to always show a full carousel of games.

Actual Behavior
You are now able to infinitely scroll to the left with a certain offset.

It basically sets the style of div class=“horizontally-scrollable” to be style=“left: XXXpx”, but because you scroll to the right using a smaller amount of total pixels based on browser size, and then scroll to the left using a larger amount of total pixels based on browser size, it allows style=“left: XXXpx” to become positive when it should stop at 0.

An easy fix to this is to use a max function to ensure the style cannot have left become positive using MAX[0, desiredLeftPixelOffset] where desiredLeftPixelOffset is the offset you want after going left.

Issue Area: Roblox Website
Page URL: Discover - Roblox
Impact: Low
Frequency: Constantly

5 Likes

I am unable to reproduce this issue. Does it still occur on your side?

I am able to reproduce this on Firefox v89.0 on Windows 8.1, 64-bit.

Try to go right about 3 times on any game carousel, resize your browser window, and then keep clicking left. It broke for me on Firefox v89.0

Can reproduce, using Brave Release Notes | Brave Browser.

Video:

Im unable to reproduce this issue on Firefox and Chromium.

Hey, I’ve managed to reproduce this.

I am running Google Chrome 91.0.4472.77

Please see the attached video for steps to reproduce.

I can reproduce this.
Browser: Brave Browser (Chromium 91.0.4472.77)

Sorry for taking a while to upload this, my internet is abysmal right now and the devforum was not letting my upload the video directly so I uploaded it to youtube.

I successfully reproduced the bug. Thanks for the report, I have filed a ticket to our internal database. I’ll reply when there are updates regarding the issue. Thanks again for the report.

3 Likes

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.