flutter_inappwebview
flutter_inappwebview copied to clipboard
pichillilorenzo
Keyboard issue in some case.
- [x] I have read the Get Started - Installation section
- [x] I have read and done the Get Started - Setup Android section
- [x] I have read and done the Get Started - Setup iOS section
- [x] I have already searched for the same problem
Environment
| Technology | Version |
|---|---|
| Flutter version | 2.10.5 |
| Plugin version | flutter_inappwebview: ^5.4.3 |
| Android version | 12 |
| iOS version | NA |
| Xcode version | NA |
Device information:
Description
Input field not goes up when Keyboard is used even in hybrid mode. But input field is goes up on keyboard hit when switching to different app then comming back to current app.
https://user-images.githubusercontent.com/26734819/165621233-69e41ac7-d52b-4a63-bec0-a0a588b443d6.mp4
Steps to reproduce
- It can be try via this url - Url- https://flipkart.com/
Images
Stacktrace/Logcat
👋 @ycv005
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](https://avatars.githubusercontent.com/in/15368?v=4 "Published by a pub.dev verified publisher"){kind=small}
@ycv005 Did you set resizetoavoidbottominset in your scaffold ? Or something like MediaQuery.removePadding ?
@pichillilorenzo this problem looks serious. Users can't reach part of content on some sites.
@pichillilorenzo this problem looks serious. Users can't reach part of content on some sites.
Share your code please.
@pichillilorenzo this problem looks serious. Users can't reach part of content on some sites.
Share your code please.
Just use the code from the repository example folder and replace the default link "https://github.com/flutter" to "https://flipkart.com/". Then click "Login" and then click the back button (as shown in the original video above).
I just checked, and it is reproducible.
@pichillilorenzo sorry for pinging you, but can you take a quick look at this? For my production app, it is a severe problem. Should I wait for a hotfix or try to find a workaround myself (not an easy task, huh)?
Thanks!
I investigated, it's a css issue. Your modal is not well sticky at the bottom and when keyboard open she stay at a hard coded position given by a weird "transform: translate3d(0px, 482px, 0px);".
Just use absolute position and bottom: 0px.
It's not the library fault.
I investigated, it's a css issue. Your modal is not well sticky at the bottom and when keyboard open she stay at a hard coded position given by a weird "transform: translate3d(0px, 482px, 0px);".
Just use absolute position and bottom: 0px.
It's not the library fault.
Default browser on my android phone:
The same on ios. So the webview should have tools to handle this somehow.
Chrome & Safari on iOS:
