Safari on iOS editor isssues

[disordinary]

Safari in iOS has a few issues:

• You cannot tap on the editor to select it.
• The toolbar is hidden by the iOS cut/copy/paste toolbar when text is selected.
• The / menu is not placed in the correct location.
• We need to ensure that all elements are located on screen, right now the '/' menu is not located properly and the '+' menu appears off the screen when it's too narrow.

[disordinary]

This issue only occurs on iOS safari, on Android both Chrome and mobile Firefox work as expected.

This issue also occurs on any contenteditable div within the ghost-admin interface on Safari and so it's not isolated to the editor. The editor also works in isolation from ghost-admin.

In settings the code-injection codemirror elements also has the same problem.

Right now a user can edit content but it's a pain, they have to hold to select the text they want to edit and then tap that selection. Otherwise it's actually a nice experience on the ipad, on an android phone the UI is a little claustrophobic.

[disordinary]

This issue is caused by three things:

1. The fastclick library.
2. A global line-height on body.
3. Wildcard box-sizing: border-box

Obviously 2 and 3 are easily fixable. 1 is the biggest problem.

The fastclick library has a facility to ignore elements with a class of needsclick this works on the heading but not on the mobiledoc. There are numerous issues on draft.js about this so mobiledoc is not alone.

Fast click no longer appears to be needed with modern mobile platforms so my suggestion would be that we remove it.