Description
The iFrame login window we use is not showing properly in mobile apps (at least iOS).
Details
My self-hosted server (Docker on Ubuntu) is configured to use iFrame logins. I’m happy to share the domain for our server but I don’t know if that’s frowned upon in the forums.
In v6.13.1 everything worked as expected. On April 4 I upgraded to v7.4.1 (and upgraded Mongo from v5 to v6.0 as well), and on April 5 I got my first report of someone having issues logging in using the mobile app. Since then, every few days I get a new report from someone else that they’re having the same issue.
The issue is that when they click the “Login” button, the iFrame webview appears and appears to show a blank page below the header that we have on the login page. What’s not obvious is that the iFrame appears to only be the top 20% or so of the window, and what appears to be just the header is actually the entire page; if they scroll down on the header they can see the rest of the page.
So far the only platform I know for sure is exhibiting the issue is iOS (both iPhone and iPad). It may also be happening on Android, but I haven’t been able to confirm that either way yet.
Here is a gif showing the experience:
I don’t see any other posts or bug reports about this. And at least to my reading through the release notes I don’t see this addressed in future versions either. Is this a configuration issue somehow? Something our iFrame page needs to do for the app to detect the proper height, etc? I’ve ensured that no script errors are showing in my browser’s dev tools when I load the page in a browser.
Server Setup Information
- Version of Rocket.Chat Server: 7.4.1
- Operating System: Ubuntu
- Deployment Method: Docker
- Number of Running Instances: 1
- DB Replicaset Oplog: (?)
- NodeJS Version: v22.13.1
- MongoDB Version: 6.0.13
- Proxy: traefik
- Firewalls involved: N/A