Administration page not showing

[aclw]

Description:

I navigated to the administrative settings, and all the pages (e.g. info) do not show anything.

Steps to reproduce:

1. Clone the latest code on github onto a clean docker container running Ubuntu 18.04.
2. Follow the instructions on https://docs.rocket.chat/guides/developer/quick-start to set up Rocket Chat.
3. Point my browser to the Rocket Chat server.
4. Go through the required setup steps.
5. Navigate to the admin page (e.g. http://localhost:3100/admin/General).
6. The page doesn't show anything.

Expected behavior:

The admin pages should show the appropriate settings for that page.

Actual behavior:

The pages appear ### blank.

Server Setup Information:

• Version of Rocket.Chat Server: 3.12.0-develop
• Operating System: Ubuntu 18.04
• Deployment Method: Check out from github and build by myself (using snap actually works fine)
• Number of Running Instances: 1
• DB Replicaset Oplog: Enabled
• NodeJS Version: 12.18.4 - x64
• MongoDB Version: 4.2.8

Client Setup Information

• Desktop App or Browser Version: Chrome Version 66.0.3359.181 (Official Build) (64-bit)
• Operating System: Ubuntu 16.04

Additional context

Relevant logs:

[yash-rajpal]

This is not reproducible by me, I can use admin panel as always.

[aclw]

I have debugged deeper into this issue. What I found is that when the Scrollbars is displayed, it's supplied with a style of {width: "100%", height: "100%", flexGrow: 1, willChange: "transform", overflowY: "hidden"}. I have problem with the height: "100%" part. If I change that to height: 600 manually, then that works fine.

I also switched to use FireFox, and the problem went away as well. So it seems that this has something to do with Chrome together with Scrollbars being set to 100% height.