useKeyboardHandler height onMove is not updated when switching to Emoji on iOS

[kimak]

Describe the bug
When switching the Keyboard in Emoji mode the height useKeyboardHandler onMove event is not updated.

Code snippet

  useKeyboardHandler(
    {
      onMove: (event) => {
        'worklet'
        height.value = Math.max(event.height, 0)
      },
    },
    []
  )

Repo for reproducing
Here a simple snack example https://snack.expo.dev/@kimak/keyboard-emoji
Let me know if you need a reproducible repo.

To Reproduce
Steps to reproduce the behavior:

1. Open the keyboard on iOS input
2. Switch the keyboard in emoji
3. The height is not updated

Expected behavior
When switching to emoji the height of the keyboard should update

Screenshots:
Working example

Issue

Smartphone (please complete the following information):

• Device: iPhone SE
• OS: iOS 17
• RN version: 0.72
• JS engine: Hermes
• Library version: 1.3.4

[kirillzyusko]

@kimak the onMove handler is supposed to be called only during the animation frame. In your case the transition is instant and there are literally 0 animation frames, so onMove is not getting called.

To assure that shared value is always synchronized with keyboard position you should always use onEnd handler.

So in your case the code should be:

useKeyboardHandler(
    {
      onMove: (event) => {
        'worklet'
        height.value = Math.max(event.height, 0)
      },
      onEnd: (event) => {
        'worklet'
        height.value = Math.max(event.height, 0)
      },
    },
    []
  )

Did I answer in the question?

[kimak]

Yes perfectly, it's fixed now:

thanks a lot for your works on this 🙇‍♂️

[kirillzyusko]

You are welcome @kimak 😊