Workaround for the drop-down position in dialgos on iOS

Fixes #2850

(cherry picked from commit 31b293f3add8e7412c080b3adfb58e57e4c0ba18)

diff --git a/wcfsetup/install/files/style/ui/dropdown.scss b/wcfsetup/install/files/style/ui/dropdown.scss
index ff2d62c7cfe5e6ce299f762ee6437e7ea64c9c86..5a27a2f5071574455da131bbfa45d3c1f502acc8 100644 (file)
--- 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;