Rejig interactives disableArticleSwipe implementation

Author: frederickobrien

dotcom-rendering/src/components/InteractivesDisableArticleSwipe.importable.tsx

@@ -3,12 +3,31 @@ import { useEffect } from 'react';
 import { getInteractionClient } from '../lib/bridgetApi';
 
 export const InteractivesDisableArticleSwipe = () => {
-	useEffect(() => {
-		void getInteractionClient()
+	const onTouchStart = () => {
+		getInteractionClient()
 			.disableArticleSwipe(true)
 			.catch((error) => {
-				log('dotcom', 'disableArticleSwipe failed:', error);
+				log('dotcom', 'disableArticleSwipe(true) failed', error);
+			});
+	};
+
+	const onTouchEnd = () => {
+		getInteractionClient()
+			.disableArticleSwipe(false)
+			.catch((error) => {
+				log('dotcom', 'disableArticleSwipe(false) failed', error);
 			});
+	};
+	useEffect(() => {
+		document.addEventListener('touchstart', onTouchStart, {
+			passive: true,
+		});
+		document.addEventListener('touchend', onTouchEnd, { passive: true });
+
+		return () => {
+			document.removeEventListener('touchstart', onTouchStart);
+			document.removeEventListener('touchend', onTouchEnd);
+		};
 	}, []);
 	return null;
 };