[Android] headerLeft and headerRight remain touchable while native search bar open

Description

When displaying a native search bar on Android, any touchables in the headerLeft or headerRight remain touchable when the search bar is focused. This occurs in both Fabric and Paper.

https://github.com/user-attachments/assets/6ac012e4-1d8b-4b83-85a4-6116d1e05438

There is a similar situation here regarding the visibility of these elements that was resolved a while ago. I'm not sure if this existed then as well.

Steps to reproduce

I originally found this in an Expo project, but I forked this repo and replicated the bug in the Example project to simplify the environment.

1. Clone https://github.com/sept-jm/react-native-screens
2. Build and open the Example/FabricExample project on Android
3. Go to "Search bar"
4. Click the magnifying glass
5. Tap where the "Some" button used to be visible
6. See the onClick event in the toast

Snack or a link to a repository

https://github.com/sept-jm/react-native-screens

Screens version

4.19.0

React Native version

0.81

Platforms

Android

JavaScript runtime

None

Workflow

None

Architecture

None

Build type

None

Device

Android emulator

Device model

No response

Acknowledgements

Yes

Start with the Search bar screen in the Example/FabricExample project and trace how Android handles touches for headerLeft and headerRight while the native search bar is focused. Reproduce the issue on Android in both Fabric and Paper, then verify that tapping where those controls were displayed no longer triggers their actions.