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.13k stars 1.45k forks source link

Keyboard pops up doesn't trigger resize event on window.VisualViewport #2133

Open qkreltms opened 3 months ago

qkreltms commented 3 months ago

Environment

Technology Version
Flutter version 3.19.6
Plugin version 6.0.0
Android version 12
iOS version
macOS version
Xcode version
Google Chrome version

Device information: Galaxy A90 5G

Description

If I select input tag in webview should keyboard pops up and triggers resize event on window.visualViewport, but it doesn't trigger resize event at all when set resizeToAvoidBottomInset: false in Android device.

If I tried it in just Chrome browser without webview it triggers resize event on visualViewport.

  const onResize = (event) => {
    console.log('resize');
  };

  window.visualViewport.addEventListener('resize', onResize);

`Expected behavior: Keyboard pops up should trigger resize event and visualViewport.height changed

Current behavior:

Steps to reproduce

  1. Go any url which has input tag like: example

  2. 
    const Scaffold(
            resizeToAvoidBottomInset: false,
            body: InAppWebView(
                initialUrlRequest: [your link here],)));


3. type visualViewport on chrome console and check height before triggering keyboard
4. type visualViewport on chrome console and check height after triggering keyboard
## Images <!-- if available, else delete -->  
<img width="1159" alt="image" src="https://github.com/pichillilorenzo/flutter_inappwebview/assets/25196026/e89af21e-ffc4-4ae7-8031-e463167a0481">

## Stacktrace/Logcat <!-- if available, else delete -->  
github-actions[bot] commented 3 months ago

👋 @qkreltms

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!