Workaround for select fields causing page overflow on iOS

[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / layout / layout.scss

diff --git a/wcfsetup/install/files/style/layout/layout.scss b/wcfsetup/install/files/style/layout/layout.scss
index de960e1d95d0ccdcc26facda5943f230f1d794ab..cd99969393e8b9c4d6361efe164e3bfb330c22ae 100644 (file)
--- a/wcfsetup/install/files/style/layout/layout.scss
+++ b/wcfsetup/install/files/style/layout/layout.scss
@@ -45,6 +45,14 @@ a {
        flex-direction: column;
 }
 
+/* <select> fields placed inside a flexbox parent while containing
+   long select options will cause an invisible page overflow, when
+   one such option is selected. The <select> itself stays within the
+   boundaries, but a scrollbar will appear. */
+html.iOS select {
+       overflow: hidden;
+}
+
 /* COLUMN LAYOUT */
 .pageHeaderContainer,
 .boxesHeaderBoxes,