fix modal behavior on Calypso

Automattic · Nov 13, 2024 · 93825ba · 93825ba
1 parent da4dd0c
commit 93825ba
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/client/my-sites/stats/stats-module-utm-builder/stats-module-utm-builder.tsx b/client/my-sites/stats/stats-module-utm-builder/stats-module-utm-builder.tsx
@@ -65,6 +65,7 @@ const UTMBuilder: React.FC< Props > = ( { modalClassName, trigger } ) => {
 					title={ translate( 'URL Builder' ) }
 					onRequestClose={ closeModal }
 					overlayClassName="stats-utm-builder__overlay"
+					bodyOpenClassName="stats-utm-builder__body-modal-open"
 				>
 					<div className={ clsx( modalClassName, 'stats-utm-builder-modal' ) }>
 						<div className="stats-utm-builder__fields">

diff --git a/client/my-sites/stats/stats-module-utm-builder/style.scss b/client/my-sites/stats/stats-module-utm-builder/style.scss
@@ -8,6 +8,11 @@ $stats-utm-builder-help-padding: 38px;
 $stats-utm-builder-vertical-spacing: 24px;
 $modal-content-padding: 32px;
 
+.stats-utm-builder__body-modal-open {
+	// Not added by default on Calypso
+	overflow: hidden;
+}
+
 .stats-utm-builder__overlay {
 	@media (min-width: $break-large) {
 		.components-modal__frame {

diff --git a/client/state/sites/selectors/get-env-stats-feature-supports.ts b/client/state/sites/selectors/get-env-stats-feature-supports.ts
@@ -47,8 +47,7 @@ function getEnvStatsFeatureSupportChecks( state: object, siteId: number | null )
 		),
 		supportsUTMStats:
 			// UTM stats are only available for Jetpack sites for now.
-			// isSiteJetpackNotAtomic,
-			true,
+			isSiteJetpackNotAtomic,
 		supportsDevicesStats: isSiteJetpackNotAtomic,
 		supportsOnDemandCommercialClassification: version_greater_than_or_equal(
 			statsAdminVersion,