diff --git a/core/tests/Drupal/Nightwatch/Tests/Olivero/oliveroMobileMenuTest.js b/core/tests/Drupal/Nightwatch/Tests/Olivero/oliveroMobileMenuTest.js index 926f7eb9c6f0f7072cc083b0299d73c8043465ac..d623b6f1acb03e1b6ae2d882bbd7b67a776d1518 100644 --- a/core/tests/Drupal/Nightwatch/Tests/Olivero/oliveroMobileMenuTest.js +++ b/core/tests/Drupal/Nightwatch/Tests/Olivero/oliveroMobileMenuTest.js @@ -172,4 +172,13 @@ module.exports = { .click('[href="#footer"]') .waitForElementNotVisible(headerNavSelector); }, + 'Verify mobile menu works when Big Pipe when authenticated': (browser) => { + browser.drupalInstallModule('big_pipe').drupalLoginAsAdmin(() => { + browser + .drupalRelativeURL('/') + .assert.not.visible(headerNavSelector) + .click(mobileNavButtonSelector) + .waitForElementVisible(headerNavSelector); + }); + }, }; diff --git a/core/themes/olivero/js/navigation.js b/core/themes/olivero/js/navigation.js index 641f8c28e760ae4dbd726c7308a722271193850b..6fd179e535d741a70f5dc5a52906ce74a0cd36b1 100644 --- a/core/themes/olivero/js/navigation.js +++ b/core/themes/olivero/js/navigation.js @@ -140,7 +140,7 @@ const navButton = context.querySelector( '[data-drupal-selector="mobile-nav-button"]', ); - const body = context.querySelector('body'); + const body = document.body; const overlay = context.querySelector( '[data-drupal-selector="header-nav-overlay"]', );