InputAccessoryView doesn't update its height when multiline TextInput grows in height

[davidpaulsson]

I'm using an InputAccessoryView to create a sticky TextInput. When using a growing multiline TextInput, the TextInput's height increases and grown down behind the keyboard.

Environment

Environment:
OS: macOS High Sierra 10.13.4
Node: 9.11.1
Yarn: 1.5.1
npm: 5.6.0
Watchman: 4.9.0
Xcode: Xcode 9.3 Build version 9E145
Android Studio: 3.0 AI-171.4443003

Packages: (wanted => installed)
react: 16.3.1 => 16.3.1
react-native: 0.55.2 => 0.55.2

Steps to Reproduce

Add multiline to a TextInput wrapped inside an InputAccessoryView.

Expected Behavior

InputAccessoryView's bottom edge is always sticky to the keyboard top and does not grow behind the keyboard.

Actual Behavior

[Jarred-Sumner]

I'm able to reproduce as well.

Two more bugs with <InputAccessoryView />:

• <InputAccessoryView /> renders above the bottom area of the <YellowBox />, which can make it impossible to close due to the z index:

• Refreshing the JS in development (via -R) while a <TextInput /> is focused inside the <InputAccessoryView /> leaves the <TextInput /> focused even when its not rendered on the page anymore:
  

[pozdena]

Also having this issue. Hopefully there is some path to a fix or workaround soon.

[steverob]

@pozdena How did you manage to get <InputAccessoryView> to work? Are you using 0.55.4? Or are you on master?

Thanks!

[gastonmorixe]

I am willing to pay $100 for this issue to be solved within June. If someone does, submit PR and ping me.

Same for android support.

Thank you

[VladyslavVasylenko1996]

try react-native-keyboard-input

[pribeh]

I'll double @gastonmorixe's bounty.

[fexx]

For I got to work, you have to set a minHeight and maxHeight in the view that has it. With a fixed size, for me to solve.

[pribeh]

@fexx thanks for the suggestion but do you mean the inputaccessoryview or the view which contains the inputaccessoryview? Could you share your code?