fix: disable body scroll when auth modal is open (#3134)

This PR disables scrolling from main body while the auth modal is open.
Automattic · May 29, 2024 · 7d12f68 · 7d12f68
1 parent 3b356fe
commit 7d12f68
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/assets/reader-activation-auth/auth-modal.js b/assets/reader-activation-auth/auth-modal.js
@@ -46,6 +46,7 @@ export function openAuthModal( config = {} ) {
 		container.config = {};
 		modal.setAttribute( 'data-state', 'closed' );
 		document.body.classList.remove( 'newspack-signin' );
+		document.body.style.overflow = 'auto';
 		if ( modal.overlayId && window.newspackReaderActivation?.overlays ) {
 			window.newspackReaderActivation.overlays.remove( modal.overlayId );
 		}
@@ -123,6 +124,7 @@ export function openAuthModal( config = {} ) {
 	container.setFormAction( initialFormAction, true );
 
 	document.body.classList.add( 'newspack-signin' );
+	document.body.style.overflow = 'hidden';
 	modal.setAttribute( 'data-state', 'open' );
 	if ( window.newspackReaderActivation?.overlays ) {
 		modal.overlayId = window.newspackReaderActivation.overlays.add();