Fix document not scrolling in iOS (all browsers) (#5599)

* Fix document not scrolling in iOS (all browsers)

This patches a bug where users cannot scroll a document on iOS,
because iOS does not allow iframes to be scrolled.

See https://davidwalsh.name/scroll-iframes-ios for details.

* trigger GitHub actions

---------

Co-authored-by: John McLear <john@mclear.co.uk>
This commit is contained in:
Ali Sherief 2024-06-03 22:45:28 +02:00 committed by GitHub
parent 426174d491
commit 2301fdda8a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 18 additions and 1 deletions

View file

@ -1,3 +1,18 @@
.scroll-wrapper {
display: flex;
min-width: 100vw;
}
@supports (-webkit-touch-callout: none) {
.scroll-wrapper {
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
.scroll-wrapper iframe {}
}
#outerdocbody {
margin: 0 auto;
padding-top: 20px;

View file

@ -80,7 +80,9 @@
<% e.begin_block("afterEditbar"); %><% e.end_block(); %>
<div id="editorcontainerbox" class="flex-layout">
<div class="scroll-wrapper">
<div id="editorcontainerbox" class="flex-layout">
</div>
<% e.begin_block("editorContainerBox"); %>