Ticket #48894: 48894.diff

src/js/_enqueues/lib/admin-bar.js

@@ -34 +34 @@
                 allMenuItems = adminBar.querySelectorAll( '.ab-item' );
                 adminBarLogout = document.getElementById( 'wp-admin-bar-logout' );
                 adminBarSearchForm = document.getElementById( 'adminbarsearch' );
+                adminBarMyAccount = document.getElementById( 'wp-admin-bar-my-account' );
                 shortlink = document.getElementById( 'wp-admin-bar-get-shortlink' );
                 skipLink = adminBar.querySelector( '.screen-reader-shortcut' );
                 mobileEvent = /Mobile\/.+Safari/.test( navigator.userAgent ) ? 'touchstart' : 'click';
@@ -65 +66 @@
                 adminBar.addEventListener( 'click', scrollToTop );
 
                 for ( i = 0; i < topMenuItems.length; i++ ) {
-                        // Adds or removes the hover class based on the hover intent.
-                        window.hoverintent(
-                                topMenuItems[i],
-                                addClass.bind( null, topMenuItems[i], 'hover' ),
-                                removeClass.bind( null, topMenuItems[i], 'hover' )
-                        ).options( {
-                                timeout: 180
-                        } );
+                        if ( topMenuItems[i].id !== 'wp-admin-bar-my-account' ) {
+                                // Adds or removes the hover class based on the hover intent, except for My Account menu.
+                                window.hoverintent(
+                                        topMenuItems[i],
+                                        addClass.bind( null, topMenuItems[i], 'hover' ),
+                                        removeClass.bind( null, topMenuItems[i], 'hover' )
+                                ).options( {
+                                        timeout: 180
+                                } );
+                        }
 
                         // Toggle hover class if the enter key is pressed.
                         topMenuItems[i].addEventListener( 'keydown', toggleHoverIfEnter );
                 }
 
+                // Toggle hover class on My Account menu.
+                adminBarMyAccount.addEventListener( 'click', function( event ) {
+                        event.preventDefault();
+                        adminBarMyAccount.classList.toggle( 'hover' );
+                } );
+
                 // Remove hover class if the escape key is pressed.
                 for ( i = 0; i < allMenuItems.length; i++ ) {
                         allMenuItems[i].addEventListener( 'keydown', removeHoverIfEscape );