iOS keyboard and ion-footer (ionic 6)

I have an object for a little chat app. When the input is focused on this footer, the keyboard triggers and after the keyboard has fully shown, the footer then jarringly snaps to the top of the keyboard.

So the footer isn’t hidden after the keyboard has fully moved up, but it is not a good experience because snapping all the sudden feels awkward.

Is there a way to make my footer smoothly move with the iOS keyboard?

The html of the page is basically this: