mirror of
https://github.com/ether/etherpad-lite.git
synced 2025-04-20 15:36:16 -04: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 {
|
#outerdocbody {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
|
|
|
@ -80,7 +80,9 @@
|
||||||
|
|
||||||
<% e.begin_block("afterEditbar"); %><% e.end_block(); %>
|
<% 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"); %>
|
<% e.begin_block("editorContainerBox"); %>
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue