Height of header with active search input seems to be ignored during back navigation transition on iOS

[bakkerjoeri]

Current behavior

Steps to reproduce using this example https://snack.expo.dev/@joeri.cineville.nl/search-in-react-navigation?platform=ios

1. Make sure you're using the app on iOS
2. On the initial screen tap the search input in the header
3. While focus is still on the search input navigate to the next screen (in a real world example this could be a search result)
4. Navigate back to the previous screen

Notice that for a moment the header occupies no height, until focus returns to the search input, after which the contents of the screen jump down.

This happens regardless of the values of hideWhenScrolling and hideNavigationBar.

Navigating without searching does not have the same effect, so it seems to be directly related to using the header's search function.

RPReplay_Final1710151951.mp4

Expected behavior

The header should occupy its correct height while the navigation transition occurs, so that when the transition ends there is no janky content position jump.

Reproduction

https://snack.expo.dev/@joeri.cineville.nl/search-in-react-navigation?platform=ios

Platform

• Android
• iOS
• Web
• Windows
• MacOS

Packages

• @react-navigation/bottom-tabs
• @react-navigation/drawer
• @react-navigation/material-top-tabs
• @react-navigation/stack
• @react-navigation/native-stack
• react-native-tab-view

Environment

• I've removed the packages that I don't use

package	version
@react-navigation/native	6.1.15
@react-navigation/native-stack	6.9.24
react-native-safe-area-context	4.8.2
react-native-screens	3.29.0
expo	50.0.0
node	20.11.1
yarn	3.6.3