From: Alexander Ebert <ebert@woltlab.com>
Date: Fri, 7 May 2021 13:26:09 +0000 (+0200)
Subject: Workaround for select fields causing page overflow on iOS
X-Git-Tag: 5.4.0_Alpha_2~34
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=6ddfdaf7123557d1ab008096ffbe2d74548e1147;p=GitHub%2FWoltLab%2FWCF.git

Workaround for select fields causing page overflow on iOS
---

diff --git a/wcfsetup/install/files/style/layout/layout.scss b/wcfsetup/install/files/style/layout/layout.scss
index de960e1d95..cd99969393 100644
--- 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,