From: Alexander Ebert <ebert@woltlab.com>
Date: Tue, 2 Apr 2019 12:29:53 +0000 (+0200)
Subject: Workaround for the drop-down position in dialgos on iOS
X-Git-Tag: 3.1.9~6
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=31b293f3add8e7412c080b3adfb58e57e4c0ba18;p=GitHub%2FWoltLab%2FWCF.git

Workaround for the drop-down position in dialgos on iOS

Fixes #2850
---

diff --git a/wcfsetup/install/files/style/ui/dropdown.scss b/wcfsetup/install/files/style/ui/dropdown.scss
index ff2d62c7cf..5a27a2f507 100644
--- a/wcfsetup/install/files/style/ui/dropdown.scss
+++ b/wcfsetup/install/files/style/ui/dropdown.scss
@@ -66,6 +66,16 @@
 	}
 }
 
+@include screen-md-down {
+	/* iOS WebKit fails to calculate absolute positions when the documentElement is
+	   set to `overflow: hidden`, causing the site to implicitly scroll. Elements
+	   with absolute positioning are still relative to (0,0) and are thus (partially)
+	   moved out of the viewport. */ 
+	html.iOS .dropdownMenu.dropdownOpen {
+		position: fixed;
+	}
+}
+
 .dropdownIndicator::after {
 	content: $fa-var-caret-down;
 	font-family: FontAwesome;