Always force the vertical scrollbar to be visible
authorAlexander Ebert <ebert@woltlab.com>
Wed, 19 Jul 2023 12:04:03 +0000 (14:04 +0200)
committerAlexander Ebert <ebert@woltlab.com>
Wed, 19 Jul 2023 12:04:03 +0000 (14:04 +0200)
ts/WoltLabSuite/Core/Ui/Screen.ts
wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Screen.js
wcfsetup/install/files/style/layout/layout.scss

index e8ec77c41b57f133ece9e34508b45582a51b6242..f9ab6d67997dd1145f19e08dc77e2cb49939abd0 100644 (file)
@@ -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`, "");
index ca3384fca6acb0cb8eb1948e7ff4374effd42102..3cd3d2c13b86318c5ca8558cb0e3352ca88dbded 100644 (file)
@@ -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`, "");
index 768b47c0064abcdef17032eab2d0edf23e2aeabe..e5b6b49c6076883b40083042ee90b06438c753fb 100644 (file)
@@ -29,6 +29,10 @@ body {
        @include wcfFontDefault;
 }
 
+html {
+       overflow-y: scroll;
+}
+
 body {
        background-color: var(--wcfContentBackground);
        color: var(--wcfContentText);