mirror of
https://github.com/ether/etherpad-lite.git
synced 2025-01-19 14:13:34 +01:00
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:
parent
426174d491
commit
2301fdda8a
2 changed files with 18 additions and 1 deletions
|
@ -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;
|
||||
|
|
|
@ -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"); %>
|
||||
|
||||
|
|
Loading…
Reference in a new issue