IOS: Form in InAppWebView when when the keyboard is up and you switch fields you cannot scroll to the bottom

[daanporon]

• [x] I have read the README
• [x] I have already searched for the same problem
• [x] I have read and done the setup for Android: IMPORTANT Note for Android and iOS and IMPORTANT Note for Android
• [x] I have read and done the setup for iOS: IMPORTANT Note for Android and iOS and IMPORTANT Note for iOS
• [x] I have ran the sample app and it does not work there

Environment

Technology	Version
Flutter version	1.20.3
Plugin version	master branch
Android version	x
iOS version	13.6
Xcode version	11.6

Device information: iPhone 11 Pro

Description

Expected behavior: When there is a form i expect always to be able to scroll to the bottom of the page

Current behavior: Currently, when the keyboard is up and i switch field in the form i'm not able anymore to scroll to the bottom of the page. I need to close the keyboard again and select the field, before i can scroll again. If i then switch field again it all happens again.

Steps to reproduce

You can use this simple web form to test this: https://daanporon.github.io/ Just use this one in the example code from the project and then switch between fields when the keyboard is up.

Images

I created a video that shows the behavior: https://github.com/daanporon/daanporon.github.io/blob/master/inappwebview_bug.mov

[jexme]

also faced this problem, was there any solution found?

[daanporon]

We currently fixed it by setting resizeToAvoidBottomInset to false on the surrounding scaffold. It's not ideal, but at least we can scroll to the bottom.

[jexme]

We currently fixed it by setting resizeToAvoidBottomInset to false on the surrounding scaffold. It's not ideal, but at least we can scroll to the bottom.

Thank you. I also only came to this solution

[EhabSalah]

Any updates?

[akash9029]

We currently fixed it by setting resizeToAvoidBottomInset to false on the surrounding scaffold. It's not ideal, but at least we can scroll to the bottom.

If you are using SafeArea above the Scaffold then this will not worked, I fixed that by making bottom: false, and maintainBottomViewPadding: true in the SafeArea and resizeToAvoidBottomInset to false in the Scaffold.