From: Alexander Ebert Date: Wed, 19 Jul 2023 12:04:03 +0000 (+0200) Subject: Always force the vertical scrollbar to be visible X-Git-Tag: 6.0.0_Alpha_7~5^2~3 X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=47057fa4f3c86ac9602682316ad3d63b706b211e;p=GitHub%2FWoltLab%2FWCF.git Always force the vertical scrollbar to be visible --- diff --git a/ts/WoltLabSuite/Core/Ui/Screen.ts b/ts/WoltLabSuite/Core/Ui/Screen.ts index e8ec77c41b..f9ab6d6799 100644 --- a/ts/WoltLabSuite/Core/Ui/Screen.ts +++ b/ts/WoltLabSuite/Core/Ui/Screen.ts @@ -102,8 +102,6 @@ export function scrollDisable(): void { const pageContainer = document.getElementById("pageContainer")!; - // iOS does not handle overflow and fixed positioning well, we need to - // simulate the scrolling by vertically moving the container. if (is("screen-md-down")) { pageContainer.style.setProperty("position", "relative", ""); pageContainer.style.setProperty("top", `-${_scrollTop}px`, ""); diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Screen.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Screen.js index ca3384fca6..3cd3d2c13b 100644 --- a/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Screen.js +++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Screen.js @@ -91,8 +91,6 @@ define(["require", "exports", "tslib", "../Core"], function (require, exports, t _scrollOffsetFrom = "documentElement"; } const pageContainer = document.getElementById("pageContainer"); - // iOS does not handle overflow and fixed positioning well, we need to - // simulate the scrolling by vertically moving the container. if (is("screen-md-down")) { pageContainer.style.setProperty("position", "relative", ""); pageContainer.style.setProperty("top", `-${_scrollTop}px`, ""); diff --git a/wcfsetup/install/files/style/layout/layout.scss b/wcfsetup/install/files/style/layout/layout.scss index 768b47c006..e5b6b49c60 100644 --- a/wcfsetup/install/files/style/layout/layout.scss +++ b/wcfsetup/install/files/style/layout/layout.scss @@ -29,6 +29,10 @@ body { @include wcfFontDefault; } +html { + overflow-y: scroll; +} + body { background-color: var(--wcfContentBackground); color: var(--wcfContentText);