Image preview top controls are outside the visible viewport on Android Chrome
Check before submitting
- I searched existing issues and did not find a duplicate
Describe the bug
When opening an attached image in the image preview on Android Chrome, the controls at the top of the viewer can be positioned outside the visible viewport.
In particular, the Close and Info buttons move above the visible screen area and become inaccessible.
The issue is reproducible both on the stable v0.31.0 release and on the current Memos demo build.
Expected behavior
The image preview toolbar, including the Close and Info buttons, should always remain inside the visible viewport on mobile devices.
Steps to reproduce
- Open Memos in Chrome on an Android phone.
- Open a memo containing an image attachment.
- Tap the image to open the full-screen image preview.
- Observe the controls at the top of the preview.
- The Close and Info buttons are positioned partly or completely outside the visible screen area.
Memos version
v0.31.0
Additional context
Also reproduced on the current demo build:
v0.31.0 commit cb42e326ba9cc266a6a9570c53e0fe04c62793f4
Browser: Google Chrome 153.0.8010.52 Platform: Android Browser mode: regular Chrome browser, not PWA
The issue is reproducible both on my self-hosted v0.31.0 instance and on the official Memos demo.
Demo commit: https://github.com/usememos/memos/commit/cb42e326ba9cc266a6a9570c53e0fe04c62793f4
Screenshot attached.
Source: usememos/memos