Unable to View Equipped Player Items on Website

Bug Description:

On Firefox, you are unable to fully view all the items a user’s avatar is currently wearing due to the page buttons that let you scroll through the equipped items being missing.

Reproduction:

  1. Use Firefox version 112.0+ (installed addons/plugins do not matter)
  2. Go to any user’s profile

Expected Website Behavior:

test

Actual Website Behavior:

test2

User Info:

  • Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/112.0

Additional Notes:

  • Tested on two Windows devices with the bug present on both of them. Visual bug was not present on my macos device.
  • Issue is not present after downgrading to any version prior to 112.0 (not present on Nightly either)
  • Issue does not seem to appear on any other browser
  • Launching Firefox in Troubleshoot Mode or using a fresh profile doesn’t seem to fix the issue either.
  • Clearing cache and cookies have had zero effect for myself
3 Likes

We’ve filed a ticket into our internal database for this issue, and we will update you when we have further information!

Thanks for the report!

3 Likes

update: the bug seems to be affecting Firefox Nightly now too (at least on my end). I’d appreciate it if anyone else with a Windows device could confirm whether they are getting the same bug or not on stable and nightly.

I decided to take a crack at debugging this again. I’m not an expert with web development, but I noticed that the page pips still existed so I checked the element’s CSS. For some reason, the rule below was being applied to my page (from: https://static.rbxcdn.com/css/page___0a241c0182102789635b853d7781625e_m.css/fetch).

I’m not sure why this is happening, but I hope this brings us one step closer to a solution to this issue.

.touch .profile-accoutrements-page-container {
	display: none;
}

Until this bug gets fixed for anyone else experiencing it, use this TamperMonkey/ViolentMonkey script:

GM_addStyle ( `
    .touch .profile-accoutrements-page-container {
        display: revert !important;
    }
` );

I’m not very good with TamperMonkey, how do I use this?

image
dear roblox PLEASE fix this broken CSS rule already :sad: it’s literally a 1 line fix

here’s a userstyle to fix it:

@-moz-document domain("roblox.com") {
        .touch .profile-accoutrements-page-container {
        display: inherit !important; /* AHHHH!!!!!!! */
    }
}

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