Fix book menu (#651)

* Fix onlick event for affecting all 'aria-expanded' buttons

* Preserve a11y behaviour for download dropdown

Author: Carlos Gutiérrez

assets/src/scripts/routes/common.js

@@ -107,6 +107,7 @@ export default {
 
 				// Assign the button
 				let btn = heading.querySelector( 'button' );
+				let svg = heading.querySelector( 'button > .arrow' );
 
 				let links = content.querySelectorAll( 'a' );
 
@@ -121,11 +122,14 @@ export default {
 					};
 				} );
 
-				document.onclick = e => {
+				let $svgArrow = jQuery( 'button[aria-expanded] > svg' );
+				let $toggleButton = jQuery( 'button[aria-expanded]' );
+
+				jQuery( $toggleButton, $svgArrow ).click( function ( e ) {
 					// Cast the state as a boolean
 					let expanded = btn.getAttribute( 'aria-expanded' ) === 'true' || false;
 
-					if ( btn === e.target ) {
+					if ( btn === e.target || svg === e.target ) {
 						// Switch the state
 						btn.setAttribute( 'aria-expanded', ! expanded );
 						// Switch the content's visibility
@@ -134,6 +138,23 @@ export default {
 						btn.setAttribute( 'aria-expanded', false );
 						content.hidden = true;
 					}
+				} );
+
+				document.onclick = e => {
+					const downloadClass = 'book-header__cover__downloads';
+					const $target = jQuery( e.target );
+					const $downloadButton = jQuery( `.${downloadClass}` ).find( 'button' );
+
+					if ( $downloadButton.length === 0
+						|| $target.closest( 'div' ).hasClass( downloadClass )
+						|| $target.hasClass( 'dropdown-item' ) ) {
+						return;
+					}
+
+					if ( $downloadButton.attr( 'aria-expanded' ) === 'true' ) {
+						btn.setAttribute( 'aria-expanded', false );
+						content.hidden = true;
+					}
 				};
 
 				document.onkeydown = e => {

dist/mix-manifest.json

@@ -1,5 +1,5 @@
 {
-    "/scripts/book.js": "/scripts/book.js?id=b93e57644bb9aeafa54e",
+    "/scripts/book.js": "/scripts/book.js?id=43b68b0ef999d4c586f4",
     "/styles/book.css": "/styles/book.css?id=edcfbc383641276a5f72",
     "/styles/web-house-style.css": "/styles/web-house-style.css?id=d3c1aedc7525b0f30ccd",
     "/scripts/collapse-sections.js": "/scripts/collapse-sections.js?id=fed1957a6156e079cddf",