Twenty Twenty-One: Add nav menu toggle behaviors at DOMContentLoaded instead of at the load event.

The `load` event (on `window`) fires after all resources on a page have been loaded, including images. This means that
on a slow connection, the mobile nav menu button may be rendered yet unresponsive to taps between when it first appears
and when the page has fully loaded. This is rectified by switching to the `DOMContentLoaded` event so that the nav menu
behaviors are attached as soon as the DOM has fully loaded.

Reviewed by audrasjb.
Merges [60352] to the 6.8 branch.
Props gernberg, westonruter, sabernhardt.
Fixes #63613.


Built from https://develop.svn.wordpress.org/branches/6.8@60423


git-svn-id: http://core.svn.wordpress.org/branches/6.8@59759 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
audrasjb
2025-07-07 18:50:33 +00:00
parent 01e357b166
commit e8fbcbdac1
2 changed files with 2 additions and 2 deletions

View File

@@ -211,7 +211,7 @@ function twentytwentyoneExpandSubMenu( el ) { // jshint ignore:line
} );
};
window.addEventListener( 'load', function() {
document.addEventListener( 'DOMContentLoaded', function() {
new navMenu( 'primary' );
} );
}() );

View File

@@ -16,7 +16,7 @@
*
* @global string $wp_version
*/
$wp_version = '6.8.2-alpha-60420';
$wp_version = '6.8.2-alpha-60423';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.