From 1dd02f1746817d7773942bda23e73a025309df07 Mon Sep 17 00:00:00 2001
From: Henry Heino <46334387+personalizedrefrigerator@users.noreply.github.com>
Date: Fri, 22 Nov 2024 02:48:08 -0800
Subject: [PATCH] Mobile: Accessibility: Search screen: Hide the progress bar
 from accessibility tools when invisible (#11431)

---
 .../components/screens/SearchScreen/SearchResults.tsx        | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/app-mobile/components/screens/SearchScreen/SearchResults.tsx b/packages/app-mobile/components/screens/SearchScreen/SearchResults.tsx
index 774a15395..c23ece678 100644
--- a/packages/app-mobile/components/screens/SearchScreen/SearchResults.tsx
+++ b/packages/app-mobile/components/screens/SearchScreen/SearchResults.tsx
@@ -100,10 +100,11 @@ const SearchResults: React.FC<Props> = props => {
 	// Don't show the progress bar immediately, only show if the search
 	// is taking some time.
 	const longRunning = useIsLongRunning(isPending);
+	const progressVisible = longRunning;
 
 	// To have the correct height on web, the progress bar needs to be wrapped:
-	const progressBar = <View>
-		<ProgressBar indeterminate={true} visible={longRunning}/>
+	const progressBar = <View aria-hidden={!progressVisible}>
+		<ProgressBar indeterminate={true} visible={progressVisible}/>
 	</View>;
 
 	return (