Admin panel not scrollable on iPhone

[andreaswwjd]

Issue Summary

Issue 1: The admin panel scroll gets locked in x-direction on smaller devices like iPhone SE.
Issue 2: And also, the scrolling motion is not smooth on iOS Safari which gets really annoying!

Example

Clues

1. Appears only on smaller devices (320px wide).
2. Does not appear on Safari 11.0.3 macOS when set to emulate Safari iOS 11.0 iPhone SE in developer-mode.
3. Issue 1 might have to do with long words not wrapping in the post description, or elipsis ... hanging outside the .gh-posts-list-item-element.
4. I have seen issue 2 before, and then it was related to scrolling not set to the body-element and should also be solvable with some css. It first appeared with a iOS update some months ago.

Possible solutions

.gh-posts-list-item {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

Technical details:

• Ghost Version: 1.21.1
• Node Version: 8.9.1
• Browser/OS: Safari iOS 11.2.6 iPhone SE

[kirrg001]

@kevinansfield

[kirrg001]

@kevinansfield Could you please either label this issue or close? Thanks :)

[KrisKodira]

I think this style:
-webkit-overflow-scrolling: touch;
on the parent element (that is holding the scrollable container) could fix the problem.

I had a similar problem with a web application once and this is what solved it.
I would be willing to help.