Skip to content

Commit

Permalink
Mobile: Accessibility: Search screen: Hide the progress bar from acce…
Browse files Browse the repository at this point in the history
…ssibility tools when invisible (#11431)
  • Loading branch information
personalizedrefrigerator authored Nov 22, 2024
1 parent 81ec3eb commit 1dd02f1
Showing 1 changed file with 3 additions and 2 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -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 (
Expand Down

0 comments on commit 1dd02f1

Please sign in to comment.