pageUserMenuMobile swipe mobil deaktivieren

Ich versuche gerade das Swipen von pageUserMenuMobile mobil zu unterbinden.

Setze ich

#pageUserMenuMobile {
isplay: none;
}

wird zwar nichts mehr angezeigt, die Klassen disableScrolling pageOverlayActive aber trotzdem dem Dokument hinzugefügt und dadurch kann man nicht mehr scrollen.

Gibt es hier eine einfache Möglichkeit das Benutzermenü ohne weitere Nebenwirkungen zu deaktivieren?

    const attrObserver = new MutationObserver((mutations) => {
        mutations.forEach(mu => {
            if (mu.type !== "attributes" && mu.attributeName !== "class") return;

            if (document.documentElement.classList.contains('disableScrolling') && document.getElementById('pageContainer').classList.contains('menuOverlay-pageUserMenuMobile')) {
                window.setTimeout(function() {
                    require(['EventHandler'], function(EventHandler) {
                        EventHandler.fire('com.woltlab.wcf.UserMenuMobile', 'close');
                    });
                }, 200);
            }
        });
    });

    attrObserver.observe(document.documentElement, { attributes: true });

Das wäre eine Lösung, jedoch flickert es dann für einen kurzen Moment. Ebenso wird beim versehentlichen Öffnen des User Menu die Page Action Buttons ausgeblendet - auch nicht ideal. Man müsste das Öffnen also eigl. komplett verhindern.

Ich denke ich habe eine gute Lösunge gefunden (das betrifft natürlich nur Seiten, wo das mobile User-Menü komplett ausgeblendet werden soll):

Template pageMenuMobile.tpl in eigene Templategruppe kopiert und das Benutzermenü entsprechend ersetzt:

{* user menu *}
<div id="pageUserMenuMobile" class="pageUserMenuMobile menuOverlayMobile" data-page-logo="{$__wcf->getStyleHandler()->getStyle()->getPageLogo()}">
    <ol class="menuOverlayItemList" data-title="{lang}wcf.menu.user{/lang}">
        <li class="menuOverlayTitle">{lang}wcf.menu.user{/lang}</li>
    </ol>
</div>

Dabei wird kein JS-Fehler geworfen wegen einem fehlendem Menu o.Ä. Gleichzeitig Gibt Ui/Page/Menu/User::hasValidMenu dadurch false zurück und das Menü wird erst gar nicht initialisiert. Das spart möglicherweise sogar noch einige Millisekunden beim mobilen Aufruf.