Lock the document from scrolling when the modal is open. (#32269)

* Lock the document from scrolling when the modal is open. * Update packages/block-library/src/navigation/frontend.js Co-authored-by: Vicente Canales <[email protected]> Co-authored-by: Vicente Canales <[email protected]>
WordPress · May 27, 2021 · ae5755d · ae5755d
1 parent 14a52d8
commit ae5755d
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/block-library/src/navigation/frontend.js b/packages/block-library/src/navigation/frontend.js
@@ -14,6 +14,10 @@ function navigationToggleModal( modal ) {
 	triggerButton.setAttribute( 'aria-expanded', ! isHidden );
 	closeButton.setAttribute( 'aria-expanded', ! isHidden );
 	modal.classList.toggle( 'has-modal-open', ! isHidden );
+
+	// Add a class to indicate the modal is open.
+	const htmlElement = document.querySelector( 'html' );
+	htmlElement.classList.toggle( 'has-modal-open' );
 }
 
 MicroModal.init( {