KeyboardAccessoryView component changing size causes it vanish on iOS

[zzorba]

Description

After upgrading to new architecture + hermes, I've encountered a bug where the renderContent component changing height (while keyboard is open) causes the component to stop being rendered. This happens on both simulator and the real device. Android doesn't have an issue.

In my situation a TextInput that is set with multiline is causing it, but any sort of dynamic height change causes it to stop being rendered.

I am using react-navigation in this project.

Related to

• Components
• Demo
• Docs
• Typings

Steps to reproduce

Minimal reproduction repo: https://github.com/zzorba/keyboard-bug

1. Build the app on IOS
2. Click on red text, toggle the software keyboard
3. Type Ms with the soft-keyboard until the text box would wrap
4. Note it jumps to behind the keyboard after being resized.

Expected behavior

The TextInput box should grow vertically but keep its original position (above the keyboard) when it grows in height.

Actual behavior

The TextInput box drops below the keyboard when it changes height.

More Info

Using react-navigation library, which I have seen some reports of issues with. Given its popularity though it would be great if it could still work, since this is the dominant library for building custom keyboards + accessories.

Code snippet

Link to repro file

Environment

"react-native-ui-lib": "^7.21.1",
"react-native": "0.73.6",
"@react-navigation/native": "^6.1.9",

Affected platforms

• Android
• iOS
• Web