louislam / uptime-kuma

A fancy self-hosted monitoring tool
https://uptime.kuma.pet
MIT License
60.66k stars 5.42k forks source link

Dashboard cutoff at the top on recent iPhones #5124

Open CarlAmbroselli opened 2 months ago

CarlAmbroselli commented 2 months ago

📑 I have found these related issues/pull requests

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

🛡️ 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“.

IMG_6004 IMG_6003

👟 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 commented 2 months ago

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.

bs_realios_Mobile_iPhone 15-17 0

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.