Issue scrolling to input - Nuxt Ionic, Formkit, Capacitor, and iOS

Ran into a very strange issue where on iOS the view would not scroll down to the focused input. Tried a number of things to resolve the issue, including switching the Capacitor Keyboard plugin to resize the “body”, but nothing worked. The solution in the end was to replace the FormKit input fields with Ionic Framework input fields.

I am a huge fan of FormKit, but fortunately for this project we have very few forms and only a few validation rules to handle.

FormKit ⚡️ The open-source form framework for Vue
ion-input: Custom Input Value Type Styling and CSS Properties
https://ionic.nuxtjs.org

Comments

[Michael Synan]

Good to know, a form framework sounds good but maybe its not ready for all use-cases yet.