Elementor Mega Menü: Mit Focus Submenu aufklappen

Der nachfolgende Code erlaubt es, dass man die neuen Mega Menüs von Elementor direkt beim Fokus öffnet. Ohne diesen Code verhalten sich die Submenus so, dass man erst die Eingabetaste bzw. die Leertaste betätigen muss wenn man mit der Tastatur navigiert. Da kein passendes Aria-Label vorhanden ist macht das aber leider keinen Sinn bzw. ist das verhalten grundlegend meiner Meinung nach nicht optimal.

document.addEventListener('DOMContentLoaded', function() {
    // Select all buttons inside the element with class 'e-n-menu-heading'
    document.querySelectorAll('.e-n-menu-heading button').forEach(function(button) {
        // Add a focus event listener to each button
        button.addEventListener('focus', function() {
			
                let enterEvent = new KeyboardEvent('keydown', {
                    key: 'Enter',
                    keyCode: 13,
                    code: 'Enter',
                    which: 13,
                    bubbles: true, // This ensures the event bubbles up through the DOM
                });
			
                button.dispatchEvent(enterEvent);
        });
    });
});