flutter_inappwebview icon indicating copy to clipboard operation
flutter_inappwebview copied to clipboard

[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.

Open wangpeitao123 opened this issue 11 months ago • 7 comments

  • [x] I have read the Getting Started section
  • [x] I have already searched for the same problem

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

wangpeitao123 avatar Mar 01 '24 07:03 wangpeitao123

👋 @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!

github-actions[bot] avatar Mar 01 '24 07:03 github-actions[bot]

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 avatar Mar 25 '24 09:03 TomStormwind

it doesn't appear on iOS 15.7

TomStormwind avatar Mar 25 '24 09:03 TomStormwind

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

MarsLeo avatar Apr 25 '24 09:04 MarsLeo

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

grays820 avatar May 07 '24 06:05 grays820

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

LXG19961206 avatar Jun 10 '24 11:06 LXG19961206

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

adamk22 avatar Aug 16 '24 09:08 adamk22