Dashboard cutoff at the top on recent iPhones

[CarlAmbroselli]

📑 I have found these related issues/pull requests

Searched iOS / iPhone / Top / Dynamic Island, but haven’t found anyone reporting it yet.

🛡️ Security Policy

• I agree to have read this project Security Policy

Description

Opening the example page from an iPhone 14 Pro, the top is cut off. I can’t scroll up, the content is behind the „Dynamic Island“.

👟 Reproduction steps

Open brand new installation on an iPhone where the camera sits on the screen.

👀 Expected behavior

The content should start below the camera.

😓 Actual Behavior

Screen is cut off, and I can’t see or reach the top.

🐻 Uptime-Kuma Version

1.23.13

💻 Operating System and Arch

iOS 17

🌐 Browser

Safari

🖥️ Deployment Environment

Using the hosted demo version linked from the README.

📝 Relevant log output

No response

[apio-sys]

This is interesting. I don't have an iPhone at hand, but when testing this through Browserstack emulating iPhone 15 / iOS 17.3 I could reproduce that same behaviour with the demo site demo.kuma.pet . However, when testing one of my own UK instances with that same platform, it all looks OK, see below screenshot.

Maybe this happens only when no monitors present which is the case by default in the demo version. Or maybe the demo version is outdated and this was solved since. Either way, it is not a big issue. Maybe good idea to add by default a monitor in the demo to example.com so that the screen shows as intended.