Im using the jquery mmenu plugin with the sidebar addon (https://mmenujs.com/docs/addons/sidebar.html). Unfortunately I’m having trouble getting the intital state to work properly.

const menu = new Mmenu(
    "#menu",
    {
        counters: {
            add: true,
        },
        iconPanels: {
            add: true,
            visible: "first",
        },
        navbar: {
            title: "...",
        },
        navbars: [
            {
                position: "top",
                content: ["searchfield"],
            },
            {
                position: "top",
            },
        ],
        setSelected: {
            hover: true,
            parent: true,
        },
        sidebar: {
            collapsed: {
                use: 768,
            },
            expanded: {
                use: 1440,
                initial: "closed",
            },
        },
        theme: "white",
    },
    {
        offCanvas: {
            page: {
                selector: "#page",
            },
        },
        searchfield: {
            cancel: true,
            clear: true,
        },
    }
);

Problem: If I open the html file for the first time (viewport > 1440px), the menu is closed (cool!). But if I switch to another tab in my browser or minimize the window and reenter, the menu opens. Seems to be related with the event “visibilitychange”. You can test it, if you download the mmenu master (https://github.com/FrDH/mmenu-js/archive/master.zip) with the demos and open the advanced.html

As a little fix I can close the menu with the visibilitychange event, but if the user opens the menu, changes the tab and then go back, I don’t want the menu to close!

const api = menu.API;
document.addEventListener("visibilitychange", function() {
  setTimeout(function() { api.close(); }, 50);
});

Any ideas?