Browser width at a specific size results in notable search bar clipping

Reproduction Steps
I was able to consistently reproduce this in the latest versions of Google Chrome, Firefox, and Microsoft Edge.

  1. Go to the “Home” page
  2. Resize your browser window to a width of 975 pixels
  3. Observe the search bar clips into the other page options
  4. Observe you cannot click any of the page options up top, as the invisible search bar bounds block it

Expected Behavior
The search bar does not clip into the page options, and instead reorganizes the page options + search bar accordingly.

Actual Behavior
The search bar clips into the page options, you cannot select any of the page options.

Workaround
Resize the browser window to 974 or 976 pixels.

Issue Area: Roblox Website
Page URL: Roblox (or any page with search bar and options at the top)
Impact: Moderate
Frequency: Constantly
Date First Experienced: 2022-04-11 00:04:00 (-07:00)
Date Last Experienced: 2022-04-11 00:04:00 (-07:00)

1 Like

I can’t reproduce this with 975px, but I can with 992px:

This seems to be related to these media queries:

  • div#navigation-container.dark-theme.gotham-font
    • div#header.navbar-fixed-top.rbx-header
      image
      • div.container-fluid
        • ul.nav.rbx-navbar.hidden-xs.hidden-sm.col-md-5.col-lg-4
          image
        • ul.nav.rbx-navbar.hidden-xs.hidden-sm.col-xs-12
          image
        • div#right-navigation-container
          • div.navbar-left.navbar-search.col-xs-5.col-sm-6.col-md-2.col-lg-3.shown
            image
Device info
  • User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.75 Safari/537.36
  • Platform Type: PC
  • Device Type: Computer
1 Like

Hi, thanks for the report! Is the issue still there or was it a one time thing?

2 Likes

Still occurs. I can reproduce this 100% of the time. As @busterbob64 says though, the pixel size may be slightly different.

image
^ from right now

Thank you for the reply! After a couple more attempts we were able to successfully reproduce this issue and we filed a ticket to our internal database. For the moment we’ll be investigating and we’ll come back with updates when we’ll have some! Thank you again.

2 Likes

This appears to be resolved. Unsure when it was fixed.

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