Cannot scroll in WYSIWYG editor on iPad. #854

New Issue

OVERLORD · 2026-02-04T22:29:58+03:00

OVERLORD commented

2026-02-04 22:29:58 +03:00

Originally created by @brian-emery on GitHub (Oct 12, 2018).

I recently installed BookStack and intended to do quite a bit of editing from my iPad Pro. I've found that I'm unable to scroll while using the WYSIWYG editor. I've tested this on Safari, Chrome, and Firefox with the same result. I've also tested on an Android phone, which seems to work fine. The Markdown editor scrolls without issue, but most of the people who will be contributing to the wiki will be much more comfortable in the WYSIWYG editor.

Originally created by @brian-emery on GitHub (Oct 12, 2018). I recently installed BookStack and intended to do quite a bit of editing from my iPad Pro. I've found that I'm unable to scroll while using the WYSIWYG editor. I've tested this on Safari, Chrome, and Firefox with the same result. I've also tested on an Android phone, which seems to work fine. The Markdown editor scrolls without issue, but most of the people who will be contributing to the wiki will be much more comfortable in the WYSIWYG editor.

OVERLORD added the 🛠️ Enhancement 💻 Front-End labels 2026-02-04 22:29:58 +03:00

OVERLORD closed this issue

2026-02-04 22:30:00 +03:00

OVERLORD commented

2026-02-04 22:30:04 +03:00

@ssddanbrown commented on GitHub (Oct 13, 2018):

Hi @brian-emery,
Yeah, I'm aware of the not-so-great mobile editing experience right now. I'm looking to do a design update fairly soon as mobile/tablet compatibility will become a core consideration in this.

@ssddanbrown commented on GitHub (Oct 13, 2018): Hi @brian-emery, Yeah, I'm aware of the not-so-great mobile editing experience right now. I'm looking to do a design update fairly soon as mobile/tablet compatibility will become a core consideration in this.

OVERLORD commented

2026-02-04 22:30:32 +03:00

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

Design update done but unfortunately I think there's simply fundamental issues with scrolling areas like this on mobile safari (All iOS browsers use safari under-the-hood).
As discussed in #1439, We're going to need to look at changing the layout system to suit iOS.

@ssddanbrown commented on GitHub (May 18, 2019): Design update done but unfortunately I think there's simply fundamental issues with scrolling areas like this on mobile safari (All iOS browsers use safari under-the-hood). As discussed in #1439, We're going to need to look at changing the layout system to suit iOS.

OVERLORD commented

2026-02-04 22:31:20 +03:00

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

Nice news ! Truly this is the last issue remaining before Bookstack would be 100% functional for me 🙂

@Zciwobukaj commented on GitHub (May 18, 2019): Nice news ! Truly this is the last issue remaining before Bookstack would be 100% functional for me 🙂

OVERLORD commented

2026-02-04 22:32:54 +03:00

@ssddanbrown commented on GitHub (Jun 16, 2019):

Well the fix for this was suspiciously simple. Seems to work though, Tested on iPad and iPhone. Will be in the next release.

@ssddanbrown commented on GitHub (Jun 16, 2019): Well the fix for this was suspiciously simple. Seems to work though, Tested on iPad and iPhone. Will be in the next release.

OVERLORD commented

2026-02-04 22:33:20 +03:00

@Zciwobukaj commented on GitHub (Jul 10, 2019):

Hi, I take advantage to the 0.26.3 release to ask whether you know or not the moment when this feature will be released ?
Of course I can't urge you to move faster, this is open source software made on your free time. The thing is that today I really miss this feature to edit documents from my iphone / ipad. Would be really nice to see this dream become true, particularly if you find a solution on your side ^^

Thanks in advance, and congrats for the super job you do :)
Julien

@Zciwobukaj commented on GitHub (Jul 10, 2019): Hi, I take advantage to the 0.26.3 release to ask whether you know or not the moment when this feature will be released ? Of course I can't urge you to move faster, this is open source software made on your free time. The thing is that today I really miss this feature to edit documents from my iphone / ipad. Would be really nice to see this dream become true, particularly if you find a solution on your side ^^ Thanks in advance, and congrats for the super job you do :) Julien

OVERLORD commented

2026-02-04 22:34:16 +03:00

@ssddanbrown commented on GitHub (Aug 9, 2019):

@Zciwobukaj You can try adding this to the "Custom head content html" setting in the meantime until the next release:

<style>
.edit-area.flex > div > .mce-tinymce.mce-container.mce-panel > .mce-container-body > .mce-edit-area {
	-webkit-overflow-scrolling:touch;
	overflow:auto;
}
</style>

@ssddanbrown commented on GitHub (Aug 9, 2019): @Zciwobukaj You can try adding this to the "Custom head content html" setting in the meantime until the next release: ```html <style> .edit-area.flex > div > .mce-tinymce.mce-container.mce-panel > .mce-container-body > .mce-edit-area { -webkit-overflow-scrolling:touch; overflow:auto; } </style> ```

OVERLORD commented

2026-02-04 22:35:31 +03:00

@Zciwobukaj commented on GitHub (Aug 9, 2019):

This works ! Many thanks 🙂

@Zciwobukaj(https://github.com/Zciwobukaj) You can try adding this to the "Custom head content html" setting in the meantime until the next release:
<style> .edit-area.flex > div > .mce-tinymce.mce-container.mce-panel > .mce-container-body > .mce-edit-area { -webkit-overflow-scrolling:touch; overflow:auto; } </style>
—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub(https://github.com/BookStackApp/BookStack/issues/1058?email_source=notifications&email_token=AISCVUE2ZGHLD6VMXJGCQZDQDWUX5A5CNFSM4F3CV3Q2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD37KZ6I#issuecomment-520006905), or mute the thread(https://github.com/notifications/unsubscribe-auth/AISCVUHOH7MH2QAY7OX2BS3QDWUX5ANCNFSM4F3CV3QQ).

@Zciwobukaj commented on GitHub (Aug 9, 2019): This works ! Many thanks 🙂 > > @Zciwobukaj(https://github.com/Zciwobukaj) You can try adding this to the "Custom head content html" setting in the meantime until the next release: > > <style> .edit-area.flex > div > .mce-tinymce.mce-container.mce-panel > .mce-container-body > .mce-edit-area { -webkit-overflow-scrolling:touch; overflow:auto; } </style> > > > — > You are receiving this because you were mentioned. > Reply to this email directly, view it on GitHub(https://github.com/BookStackApp/BookStack/issues/1058?email_source=notifications&email_token=AISCVUE2ZGHLD6VMXJGCQZDQDWUX5A5CNFSM4F3CV3Q2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD37KZ6I#issuecomment-520006905), or mute the thread(https://github.com/notifications/unsubscribe-auth/AISCVUHOH7MH2QAY7OX2BS3QDWUX5ANCNFSM4F3CV3QQ). > > >

OVERLORD referenced this issue

2026-02-05 01:27:56 +03:00

Upcoming feature requests #1629

OVERLORD referenced this issue

2026-02-05 03:00:52 +03:00

Terms & Conditions in Footer (or some where else) #2123

OVERLORD referenced this issue

2026-02-05 10:20:39 +03:00

[PR #1973] [MERGED] Create footer for regulatory links #5931

Sign in to join this conversation.