Revert the change where scroll bars disappear on mobile

I don’t know if this has been a thing for a long time, but while I was playtesting some changes on mobile for SCP: Roleplay, I noticed that the scrollbar for the shop was constantly fading invisible after a second or two of opening the UI.

I’m not sure if this is intended, hence the bug report. If it is, this very much needs to be reverted or made optional. This is bad UX.

The scrollbar needs to be there. It is what signals to the player that they can actually scroll through that UI.

Without the scrollbar, people will not feel inclined to scroll in the UI to see further options. Allow me to provide an example.
This is the one life shop UI for SCP: Roleplay.
image

And this is the same UI on mobile.
image

Would you try to scroll for more options on the mobile example?
I know I wouldn’t if I did not know there were more options.

In fact, part of the UX design in our games for shops and elements with multiple options has been to ensure the canvas size is correct, so that the scrollbar shows up when not all options fit within the screen.
This “feature” takes away all of that, and ruins the interface’s user experience.

Please consider reverting this, or making it optional via a property…

Tested on Android.

2 Likes

This is actually intended behavior and by design - scrollbars have faded out on mobile since the dawn of time. Now that you mention it, it’s actually one of the stupidest most pointless features ever and I don’t know why it exists.

This report will probably be closed and you’ll be told to file a feature request to change this behavior. Regardless, I’m going to mention @CharlieGordonnn and @stadium_parkour here for some insight.

2 Likes

Thanks for the ping @bvetterdays!

@MetatableIndex thanks for reporting this behavior! I think the current expected behavior is ScrollingFrame scrollbars are only visible while scrolling on mobile (whereas they are always visible on PC). I agree with @bvetterdays, if you would like an option to change this, could you please submit a feature request? It seems reasonable to have an option to disable scrollbar fading if needed.

Also cc @uiuxartist to get some UX background on this. I think it’s a common UX pattern on mobile devices to hide the scrollbar, so this behavior should align with other mobile applications?

As a workaround, one technique to visually indicate scrollable content is to make the last row of visible options partially cut-off, like this:

3 Likes

Tysm for the detailed explanation :slightly_smiling_face: this clarifies a lot and the workaround does make sense. Hopefully @MetatableIndex can submit a feature request for this