Horizontal Scrolling on WebKit Browsers

[brunobeeee]

Describe the bug
When using Moove I get a horizontal scrolling bar on every page including 'Site Administration'. I'm assuming its a only a problem with WebKit based browsers because I get this bar on Safari and Orion but not on Firefox.

To Reproduce

1. Install Moove Theme
2. Open any page on your Moodle installation and look at the bottom of your browser window.

Screenshots
Safari:

Firefox:

Your environment:

• Moodle version: 4.1.2 (Build: 20230313)
• Moove version 4.1.1 (Build: 2022112801)
• Browser: Safari, Orion (no issue with Firefox)

[parkeyparker]

For anyone else having this issue I have managed to solve it by adding the following to the Raw SCSS field on the theme settings "Advanced" page:

@media (min-width: 992px) {
    #page.drawers {
        overflow-y: inherit;
    }
}

I haven't yet worked out whether there are any unintended side effects of this so make sure to test this out somewhere that doesn't affect production workloads.

Edit: Appears to not entirely play well with drawers but I can't quite working out what isn't right about it. It seems to incorrectly scroll the drawer if you scroll immediately after opening but if you wait a few seconds it scrolls correctly (eg drawer doesn't get affected by scroll, only page content).