From 2301fdda8a1a38e0dde31ce2065f8666c9d07dd7 Mon Sep 17 00:00:00 2001 From: Ali Sherief Date: Mon, 3 Jun 2024 22:45:28 +0200 Subject: [PATCH] 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 --- src/static/skins/colibris/src/layout.css | 15 +++++++++++++++ src/templates/pad.html | 4 +++- 2 files changed, 18 insertions(+), 1 deletion(-) diff --git a/src/static/skins/colibris/src/layout.css b/src/static/skins/colibris/src/layout.css index 1ec3886c8..4ce234a47 100644 --- a/src/static/skins/colibris/src/layout.css +++ b/src/static/skins/colibris/src/layout.css @@ -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; diff --git a/src/templates/pad.html b/src/templates/pad.html index c0c56bf24..0f85e022c 100644 --- a/src/templates/pad.html +++ b/src/templates/pad.html @@ -80,7 +80,9 @@ <% e.begin_block("afterEditbar"); %><% e.end_block(); %> -
+
+
+
<% e.begin_block("editorContainerBox"); %>