Force the editor toolbar to be static in iOS

See https://www.woltlab.com/community/thread/301139-editor-probleme-unter-ios/

diff --git a/wcfsetup/install/files/style/ui/ckeditor.scss b/wcfsetup/install/files/style/ui/ckeditor.scss
index f1bc343e4320102c40b8cf69d281c9a34940be13..58b29fc02cd8b6b2f622e6aa6748a4ae6b832827 100644 (file)
--- a/wcfsetup/install/files/style/ui/ckeditor.scss
+++ b/wcfsetup/install/files/style/ui/ckeditor.scss
@@ -574,11 +574,6 @@ html.touch .ck.ck-balloon-panel.ck-tooltip {
        }
 }
 
-html.iOS .ck.ck-content {
-       /* Font sizes below 16px cause iOS to zoom when moving the focus inside of it. */
-       font-size: 16px;
-}
-
 @include screen-xs {
        .ck.ck-input {
                --ck-input-width: 100%;
@@ -593,3 +588,17 @@ html.iOS .ck.ck-content {
                margin-right: 0;
        }
 }
+
+/* Workarounds for iOS */
+html.iOS {
+       /* Fixed positioning does not work in iOS when the screen keyboard is open. */
+       .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
+               position: absolute !important;
+               top: 0 !important;
+       }
+
+       /* Font sizes below 16px cause iOS to zoom when moving the focus inside of it. */
+       .ck.ck-content {
+               font-size: 16px;
+       }
+}