pichillilorenzo / flutter_inappwebview

A Flutter plugin that allows you to add an inline webview, to use a headless webview, and to open an in-app browser window.
https://inappwebview.dev
Apache License 2.0
3.14k stars 1.45k forks source link

[iOS] WebPage page, multiple input input boxes, in the page is not satisfied with a screen, switch back and forth input box, page down, keyboard blocking content. #2050

Open wangpeitao123 opened 6 months ago

wangpeitao123 commented 6 months ago

Environment

Technology Version
Flutter version 3.7.9
Plugin version 5.7.2+3 / 6.0.0
Android version
iOS version 17.2/17.3.1
macOS version
Xcode version
Google Chrome version

Device information:

Description

When there are multiple input boxes on a page that is not full screen, selecting the first input box will cause the page to move down and hide the keyboard when switching to the second input box. Expected behavior: The keyboard does not block the content. Current behavior: The page moves downwards, and the keyboard blocks the content.

Steps to reproduce

  1. Select the first input box
  2. Switch to the second input field

Images

https://github.com/pichillilorenzo/flutter_inappwebview/assets/16298773/85d633bf-e12d-4211-b119-55513b15af55

Stacktrace/Logcat

github-actions[bot] commented 6 months ago

👋 @wangpeitao123

NOTE: This comment is auto-generated.

Are you sure you have already searched for the same problem?

Some people open new issues but they didn't search for something similar or for the same issue. Please, search for it using the GitHub issue search box or on the official inappwebview.dev website, or, also, using Google, StackOverflow, etc. before posting a new one. You may already find an answer to your problem!

If this is really a new issue, then thank you for raising it. I will investigate it and get back to you as soon as possible. Please, make sure you have given me as much context as possible! Also, if you didn't already, post a code example that can replicate this issue.

In the meantime, you can already search for some possible solutions online! Because this plugin uses native WebView, you can search online for the same issue adding android WebView [MY ERROR HERE] or ios WKWebView [MY ERROR HERE] keywords.

Following these steps can save you, me, and other people a lot of time, thanks!

TomStormwind commented 5 months ago

I am facing the same issue Environment

Flutter version | 3.19.3 Plugin version | 6.0.0 Android version |   iOS version | 17.2 macOS version |   Xcode version |   Google Chrome version

TomStormwind commented 5 months ago

it doesn't appear on iOS 15.7

MarsLeo commented 4 months ago

I am facing the same issue Environment

Flutter version | 3.13.8 Plugin version | 5.7.2+3 Android version |
iOS version | 17.4、17.2 macOS version |
Xcode version |
Google Chrome version

grays820 commented 3 months ago

I am facing the same issue Environment

Flutter version | 3.19.3 Plugin version | 5.8.0 Android version | iOS version | 17.4.1 macOS version | Xcode version | Google Chrome version

LXG19961206 commented 2 months ago

最基本的 input 用起来都一堆坑

adamk22 commented 2 weeks ago

Ran into the same issue with multiple input fields, in this case a screen for filling in 2 factor auth codes.

/Edit

This comment help me fix it for me: https://github.com/pichillilorenzo/flutter_inappwebview/issues/1947#issuecomment-1874038354