From 6ddfdaf7123557d1ab008096ffbe2d74548e1147 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Fri, 7 May 2021 15:26:09 +0200
Subject: [PATCH] Workaround for select fields causing page overflow on iOS

---
 wcfsetup/install/files/style/layout/layout.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

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,
-- 
2.20.1