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!
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.
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.
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
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.
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.
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 ?
@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
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!
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.