Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cannot scroll in WYSIWYG editor on iPad. #1058

Closed
brian-emery opened this issue Oct 12, 2018 · 7 comments

Comments

@brian-emery
Copy link

commented 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.

@ssddanbrown

This comment has been minimized.

Copy link
Member

commented 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

This comment has been minimized.

Copy link
Member

commented 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.

@Zciwobukaj

This comment has been minimized.

Copy link

commented May 18, 2019

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

@ssddanbrown ssddanbrown added this to the v0.27.0 milestone May 18, 2019

@ssddanbrown

This comment has been minimized.

Copy link
Member

commented 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.

@Zciwobukaj

This comment has been minimized.

Copy link

commented 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

@ssddanbrown

This comment has been minimized.

Copy link
Member

commented 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>
@Zciwobukaj

This comment has been minimized.

Copy link

commented Aug 9, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
3 participants
You can’t perform that action at this time.