From: Alexander Ebert <ebert@woltlab.com>
Date: Fri, 18 Aug 2023 14:07:49 +0000 (+0200)
Subject: Force the editor toolbar to be static in iOS
X-Git-Tag: 6.0.0_Beta_2~20
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=c6ed1c16f947eb89bf4be8d0408adc6927016984;p=GitHub%2FWoltLab%2FWCF.git

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 f1bc343e43..58b29fc02c 100644
--- 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;
+	}
+}