[iOS] WebPage is not resized properly when used inside Scaffold, Also sometimes stops the user from scrolling when keyboard is open

[prateekrk]

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

Environment

Technology	Version
Flutter version	Flutter 3.3.10
Plugin version	^5.8.0
Android version	-
iOS version	17.2
macOS version	-
Xcode version	15.2
Google Chrome version	-

Device information: Apple iPhone 15 Pro

Description

**Expected behavior: Screen should resize considering the keyboard length, And Scrolls should not be disabled

**Current behaviour: Screen is resized to wierd coordinates, and also stops user from scrolling

Steps to reproduce

Sample Code

import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; import 'package:flutter_inappwebview/flutter_inappwebview.dart';

void main() {
runApp(const MyApp());
}

class MyApp extends StatelessWidget {
const MyApp({super.key});
@OverRide
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Scaffold(body: LandingPage(title: "Landing Page")));
}
}

class LandingPage extends StatefulWidget {
const LandingPage({super.key, required this.title});
final String title;

@override
State<LandingPage> createState() => _LandingPage();

}

class _LandingPage extends State {
double _pageProgressValue = 0;
InAppWebViewController? inAppWebViewController;

InAppWebViewGroupOptions settings = InAppWebViewGroupOptions(
    crossPlatform: InAppWebViewOptions(
      useShouldOverrideUrlLoading: true,
      mediaPlaybackRequiresUserGesture: false,
    ),
    android: AndroidInAppWebViewOptions(
      useHybridComposition: true,
    ),
    ios: IOSInAppWebViewOptions(
      allowsInlineMediaPlayback: true,
    ));
@override
Widget build(BuildContext context) {
  return Stack(children: [
    InAppWebView(
        shouldOverrideUrlLoading: ((controller, navigationAction) async {
          var request = navigationAction.request.url.toString();
          setState(() {
            request;
          });
          return NavigationActionPolicy.ALLOW;
        }),
        initialUrlRequest: URLRequest(url: Uri.tryParse("https://gmail.com")),
        initialOptions: settings,
        onWebViewCreated: (controller) => inAppWebViewController = controller,
        onProgressChanged: ((controller, progress) {
          if (mounted) {
            setState(() {
              _pageProgressValue = progress / 100;
            });
          }
        }),
        onLoadStop: (controller, url) {}),
    SizedBox(
      height: _pageProgressValue < 1.0 ? 2 : 0,
      child: LinearProgressIndicator(
        backgroundColor: Colors.white,
        color: Colors.blue,
        value: _pageProgressValue,
        semanticsLabel: 'Linear progress indicator',
      ),
    ),
  ]);
}

}

1. Have two text fields
2. Enter details in the first field
3. Go to the second field, keep switching

Images

Screen.Recording.2024-02-29.at.7.41.30.PM.mov

[github-actions]

👋 @prateekrk

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!

[Thembelani-M]

We're also experiencing this exact issue @prateekrk were you able to find a workaround ...?

[adamk22]

Ran into the same issue here on a page with multiple input fields. In my case its a screen for filling in 2 factor auth codes. I think this issue is related: #2050

/Edit This comment helped me fix it for me: #1947 (comment)

[pichillilorenzo]

Check #1947 (comment)

[github-actions]

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug and a minimal reproduction of the issue.