Main Page Scrolling Not Working for Both Old and New App Instances

Hello Retool Community,

I'm facing an issue where page scrolling is not working for both old and new app instances. Regardless of the app, scrolling is either disabled or unresponsive. Here are the details:

Problem: Scrolling on the main page is not functioning for any app—this includes existing (old) and newly created apps.
Apps Affected: The issue affects all my Retool apps, both old and newly created.
Expected Behavior: Pages should scroll vertically when content exceeds the visible screen.
Actual Behavior: Scrolling is unavailable, making content below the visible area inaccessible. The scroll bar either doesn’t appear or remains inactive.

Troubleshooting Steps:

Different Browsers: Tested on multiple browsers (Chrome, Firefox, Safari) with no improvement.
Custom CSS: There is no custom CSS in my apps that would disable scrolling (e.g., overflow: hidden or position: fixed).
New Apps: Even new apps with simple components (like tables or forms) exhibit the same issue.
Element Inspection: I didn’t find any CSS rules that would explicitly prevent scrolling.

Additional Information:

Retool Environment: The issue occurs in both UAT and PROD environments.
Apps Affected: Both complex and simple apps experience the problem.

Questions:

Has anyone else experienced scrolling issues across multiple apps?
Could there be a global Retool setting or recent update affecting this behavior?

Any insights or solutions would be greatly appreciated. Thanks!

Hello @Tej_Singh,

Apologies for the issue, this is very odd and I have not heard of this happening before.

Are you able to share a JSON export from one of your simple apps so we can clone it and see if the issue is happening when we view the app?

Hello Jack,

I actually have the same issue. It started about a week ago on all my apps. Before you could scroll down and see all the tables etc.. since you updated something in Retool, the scrolling bar has disappeared on the app frame and so parts of the app are inaccessible to the user. The bug is only on the public version of the apps. On the edit mode, preview mode it works totally fine.

-> edit mode, scrolling bar works fine:

-> public app, no scolling bar https://oneusual.retool.com/embedded/public/c30bb17b-6f45-4cd2-b722-db389f597322

Impossible to see the tables 3 and 4 on the public app as there is no scrolling bar:

I am a new user so I cannot upload the Json, so here it is: SwissTransfer - Envoi sécurisé et gratuit de gros fichiers

When you build a new app, the bug doesn't appear, it only appears on app that were made before you release the update that makes the scroll bar disappear.

I have tried to change the size of the app in pixels and in % but that doesn't solve the problem. Help please! Thanks.

Titch

Hello @Titch!

Thank you for sharing the screen shots and all the details. Very helpful for us to debug.

Do you happen to recall which version release or around which version release this change happened?

Thank you for sharing the JSON as well, I was able to download it and can test things out now.

Once I know the older version I can try to recreate the updating and see if there is a fix (might have been when we added widget grid? maybe try toggling this, bottom left next to env and version).

It sounds like the bug doesn't happen on new apps, if we can't find a fix for old apps that are now stuck, we might just need to migrate over to new apps to get around this :sweat:

The first report I got from my team was Oct 17th.

Is there a newsletter or a way to keep up to date with the new functions / changes you are implementing to retool cloud ?

I tried to create a new page app but the bug is still there. Re building everything from the ground up is not an option since I have 150 ressource queries and many many components on my app, it would take too much time. For now I moved the components you can no longer see to a side panel, but that's not very convenient for the staff... I am sure that's a small variable or something somewhere that prevents the scrolling bar to appear, if it could be fixed, that would be wonderful!

The widget grid was not activated in the demo I sent, I tried to turn in ON / OFF and that doesn't seem to change anything.

Thanks a lot for your help,

Titch

That you for sharing the date!

I just tested out my cloned version of your app and can confirm the scrolling bug on my end.

Our apologies for this inconvenience, I just filed a ticket to our engineering team to view the app to triage what could be causing the issue.

Will report back with any news I hear from them :saluting_face:

Hello @Titch!

We did some testing with the cloned app and it seems that the bug is limited to the header not allowing for scrolling.

If you move the tables/any other components outside of the header and into the main body of the app then the scrolling will work fine on the live deployed app.

Let me know if you can confirm this :crossed_fingers:

Hello Jack,

Great, thanks for the tip! I found another workaround by adding all the components into a container, then I set my container to have a scrolling bar when the components get out of the view and that solved my problem.

Side question: is there any way to get a thin scrolling bar instead of the default large one ?

Thanks for your help!

T.

1 Like

@Titch Great to hear that you found another work around as well!

What did you do to set the container to have a scrolling bar when the components get out of the view?

I am not sure if it is possible to control the scroll bar size :sweat_smile: that may need to be another feature request.

@Jack_T I added a container, then in the Appearance section, I go for Overflow -> scroll. And that did the trick. But I have a lot of scrolling going all over the place, so if there was a way to make them thinner or even have them go away from the screen, that would leave a lot more space for insightful data :slight_smile:
Thanks for your help, really appreciate it; also thank you to listen to the community by adding the possibility to remove the retool menu bar in the paid version of Retool, looks much better now!

1 Like

Hey @Titch!

Great to hear that Overflow toggle was able to help.

Totally understand the use case. I did some digging and it seems that to hide scroll bars is something that needs to be done on the system end, with different options for Mac vs Windows.

However, this may only change how you view the app on your computer and not how your end users view the Retool app.

Although, you should be able to use some custom CSS in your Retool app to make the scroll bar smaller which will be reflected on the apps of all users.

Hope this helps!