Viewer toolbar too close to iPhone display's edge
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 659
- Forks
- 133
- Avg merge
- 1d 20h
- Merged PRs (30d)
- 110
Description
Describe the bug
The viewer toolbar is too close to the edge or sitting too low and is unusable on either sides of the display when using the iOS app.
To Reproduce
Steps to reproduce the behavior:
- Open Nextcloud on iOS
- Open a text file (*.txt, *.md, *.sh but not a *.doc or *.docx)
- See the viewer toolbar unusable on the side
Expected behavior
The viewer toolbar should be further away from the edge or higher so that we can use the side buttons.
Screenshots
Server details:
- Nextcloud version: 34.0.3
- PHP Version: 8.5
- Database: PostgreSQL
Client details:
- OS: iOS 26.6.1
- Browser: Safari
- Browser version: 26.6.1
- Device: iPhone
Logs
Nextcloud log (data/nextcloud.log)
2026-08-04 16:36:14 [DEBUG] Scene will resign active
2026-08-04 16:36:15 [DEBUG] Application did enter in background
2026-08-04 16:36:15 [INFO] Auto upload in background: false
2026-08-04 16:36:15 [INFO] Update in background: true
2026-08-04 16:36:15 [STOP] Location monitoring stopped
2026-08-04 16:39:33 [DEBUG] Application will enter in foreground
2026-08-04 16:39:33 [DEBUG] Application did become active
2026-08-04 16:39:34 [START] Auto upload with 0 photo
2026-08-04 16:39:36 [INFO] User: unknown - Request started: GET SERVER/status.php
2026-08-04 16:39:36 [INFO] User: unknown - Network response request: SERVER/status.php, result: success(170 bytes)
2026-08-04 16:39:36 [INFO] User: USER SERVER - Request started: GET SERVER/ocs/v2.php/cloud/users/USER
2026-08-04 16:39:36 [INFO] User: USER SERVER - Network response request: SERVER/ocs/v2.php/cloud/users/USER, result: success(1233 bytes)
2026-08-04 16:39:36 [INFO] User: USER SERVER - Network response request: SERVER/ocs/v1.php/cloud/capabilities, result: success(6127 bytes)
2026-08-04 16:39:36 [INFO] User: USER SERVER - Network response request: SERVER/ocs/v2.php/apps/files/api/v1/directEditing, result: success(767 bytes)
2026-08-04 16:39:36 [INFO] User: USER SERVER - Network response request: SERVER/ocs/v2.php/apps/user_status/api/v1/user_status, result: success(223 bytes)
2026-08-04 16:39:36 [INFO] User: USER SERVER - Network response request: SERVER/index.php/avatar/USER/384, result: success(27690 bytes)
2026-08-04 16:39:36 [SYNC] Synchronize favorite for account: USER SERVER
2026-08-04 16:39:36 [INFO] User: USER SERVER - Network response request: SERVER/ocs/v2.php/apps/notifications/api/v2/notifications, result: success(74 bytes)
2026-08-04 16:39:36 [INFO] User: USER SERVER - Network response request: SERVER/ocs/v2.php/apps/notifications/api/v2/notifications, result: success(74 bytes)
2026-08-04 16:39:36 [INFO] User: USER SERVER - Network response request: SERVER/ocs/v2.php/apps/notifications/api/v2/notifications, result: success(74 bytes)
2026-08-04 16:39:36 [INFO] User: USER SERVER - Network response request: SERVER/ocs/v2.php/apps/notifications/api/v2/notifications, result: success(74 bytes)
2026-08-04 16:39:36 [INFO] User: USER SERVER - Network response request: SERVER/ocs/v2.php/apps/notifications/api/v2/notifications, result: success(74 bytes)
2026-08-04 16:39:36 [INFO] User: USER SERVER - Network response request: SERVER/remote.php/dav/files/USER, result: success(6586 bytes)
2026-08-04 16:39:37 [INFO] User: USER SERVER - Network response request: SERVER/ocs/v2.php/apps/dashboard/api/v1/widgets, result: success(2892 bytes)
2026-08-04 16:39:37 [INFO] User: USER SERVER - Network response request: SERVER/core/img/actions/star-dark.svg, result: success(397 bytes)
2026-08-04 16:39:37 [INFO] User: USER SERVER - Network response request: SERVER/apps/mail/img/mail-dark.svg, result: success(731 bytes)
2026-08-04 16:39:37 [INFO] User: USER SERVER - Request started: GET SERVER/apps/announcementcenter/img/announcementcenter-dark.svg (200)
2026-08-04 16:39:37 [INFO] User: USER SERVER - Network response request: SERVER/apps/announcementcenter/img/announcementcenter-dark.svg, result: success(500 bytes)
2026-08-04 16:39:37 [INFO] User: USER SERVER - Request started: GET SERVER/apps/activity/img/activity-dark.svg (200)
2026-08-04 16:39:37 [INFO] User: USER SERVER - Network response request: SERVER/apps/activity/img/activity-dark.svg, result: success(306 bytes)
2026-08-04 16:39:37 [INFO] User: USER SERVER - Request started: GET SERVER/apps/files/img/app-dark.svg (200)
2026-08-04 16:39:37 [INFO] User: USER SERVER - Network response request: SERVER/apps/files/img/app-dark.svg, result: success(228 bytes)
2026-08-04 16:39:37 [INFO] User: USER SERVER - Network response request: SERVER/apps/user_status/img/app-dark.svg, result: success(344 bytes)
2026-08-04 16:39:37 [INFO] User: USER SERVER - Network response request: SERVER/apps/mail/img/mail-dark.svg, result: success(731 bytes)
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue in the Nextcloud text viewer on an iPhone by opening a .txt, .md, or .sh file and checking the toolbar on both sides of the display. Trace the viewer toolbar's frontend entry point and inspect how its position accounts for the display edge. Done means the side buttons are usable and the toolbar is visibly farther from the edge or higher.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend, mobile-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100