Workaround for the drop-down position in dialgos on iOS
authorAlexander Ebert <ebert@woltlab.com>
Tue, 2 Apr 2019 12:29:53 +0000 (14:29 +0200)
committerAlexander Ebert <ebert@woltlab.com>
Tue, 2 Apr 2019 12:29:53 +0000 (14:29 +0200)
Fixes #2850

wcfsetup/install/files/style/ui/dropdown.scss

index ff2d62c7cfe5e6ce299f762ee6437e7ea64c9c86..5a27a2f5071574455da131bbfa45d3c1f502acc8 100644 (file)
        }
 }
 
+@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;