Editor is focusable on mobile although it's too small #838

Closed
opened 2026-02-04 22:26:46 +03:00 by OVERLORD · 3 comments
Owner

Originally created by @moqmar on GitHub (Sep 30, 2018).

Describe the bug
I cannot use the editor on my phone (or, any phone) because it's tiny due to the huge wrapping headers. As soon as I tap it to open the keyboard, it completely disappears behind it.

A workaround is to click the full screen button, but the existence of this button implies that the editor is also usable if not in full screen mode, so it's not too great from a usability perspective.

A possible solution to this problem would be automatically opening the editor in full screen mode if it's focused on a screen too small for the editor. That leaves the question if leaving the full screen mode is intuitive enough that people will find the save button - probably the "back" button on a phone (and closing the keyboard without clicking anywhere?) should also close the editor.

Steps To Reproduce
Steps to reproduce the behavior:

  1. Click "Edit page" on a mobile phone (e.g. Android with Firefox)
  2. Try to actually do something without going into full screen mode.

Expected behavior
The editor should not be focusable if it is too small.

Screenshots
grafik

Your Configuration (please complete the following information):

Originally created by @moqmar on GitHub (Sep 30, 2018). **Describe the bug** I cannot use the editor on my phone (or, any phone) because it's tiny due to the huge wrapping headers. As soon as I tap it to open the keyboard, it completely disappears behind it. A workaround is to click the full screen button, but the existence of this button implies that the editor is also usable if not in full screen mode, so it's not too great from a usability perspective. A possible solution to this problem would be automatically opening the editor in full screen mode if it's focused on a screen too small for the editor. That leaves the question if leaving the full screen mode is intuitive enough that people will find the save button - probably the "back" button on a phone (and closing the keyboard without clicking anywhere?) should also close the editor. **Steps To Reproduce** Steps to reproduce the behavior: 1. Click "Edit page" on a mobile phone (e.g. Android with Firefox) 2. Try to actually do something without going into full screen mode. **Expected behavior** The editor should not be focusable if it is too small. **Screenshots** ![grafik](https://user-images.githubusercontent.com/5559994/46261890-2c5d9a00-c4fa-11e8-97ad-af4e241c425a.png) **Your Configuration (please complete the following information):** - Exact BookStack Version (Found in settings): v0.24.1 - PHP Version: 7.1.17 - Hosting Method (Nginx/Apache/Docker): Docker + Caddy (https://hub.docker.com/r/momar/bookstack/)
OVERLORD added the 🐛 Bug🎨 Design💆 UX💻 Front-End labels 2026-02-04 22:26:46 +03:00
Author
Owner

@qianmengnet commented on GitHub (Oct 6, 2018):

I think you can add a "footer" that includes copyright, links, and help links, which will increase the height at the bottom of the page, and maybe help us get the editor up.

@qianmengnet commented on GitHub (Oct 6, 2018): I think you can add a "footer" that includes copyright, links, and help links, which will increase the height at the bottom of the page, and maybe help us get the editor up.
Author
Owner

@moqmar commented on GitHub (Oct 8, 2018):

Sure, that's possibly another workaround, but - in my opinion - not an acceptable solution to the problem.

@moqmar commented on GitHub (Oct 8, 2018): Sure, that's possibly another workaround, but - in my opinion - not an acceptable solution to the problem.
Author
Owner

@ssddanbrown commented on GitHub (May 18, 2019):

A lot of work went into increasing mobile space efficiency and editor usability in the last release so this should now been much improved, therefore I will close this request.

@ssddanbrown commented on GitHub (May 18, 2019): A lot of work went into increasing mobile space efficiency and editor usability in the last release so this should now been much improved, therefore I will close this request.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#838