[Bug] InAppWebView shouldOverrideUrlLoading is called on the initial load of the WebView, iOS only

[rubenferreira97]

• I have read the Get Started - Installation section
• I have read and done the Get Started - Setup Android section
• I have read and done the Get Started - Setup iOS section
• I have already searched for the same problem

Environment

Technology	Version
Flutter version	2.3.0-13.0.pre.191
Plugin version	5.3.2
Android version	30
iOS version	14.3
Xcode version	12.5

Device information: iPhone 12 Pro Max - iOS 14.3

Description

Expected behavior:
Quoting from the documentation (https://pub.dev/documentation/flutter_inappwebview/latest/flutter_inappwebview/HeadlessInAppWebView/shouldOverrideUrlLoading.html):

Give the host application a chance to take control when a URL is about to be loaded in the current WebView. This event is not called on the initial load of the WebView.

Current behavior:
shouldOverrideUrlLoading is called on iOS on initial load. In Android everything works as expected.

Steps to reproduce

1. Set useShouldOverrideUrlLoading: true in initialOptions
2. Implement shouldOverrideUrlLoading in InAppWebView
3. Place a breakpoint or print something in shouldOverrideUrlLoading

Code:

InAppWebView(
            initialData: InAppWebViewInitialData(
                data: html,
                baseUrl: Uri.parse(Config.BASE_URL)),
            initialOptions: InAppWebViewGroupOptions(
              android: AndroidInAppWebViewOptions(
                useHybridComposition: true,
              ),
              crossPlatform: InAppWebViewOptions(
                  supportZoom: false,
                  disableHorizontalScroll: true,
                  useShouldOverrideUrlLoading: true,
                  horizontalScrollBarEnabled: false),
            ),
            onLoadStop: (controller, url) {
              controller.injectJavascriptFileFromAsset(
                  assetFilePath: 'assets/js/all.min.js');
            },
            shouldOverrideUrlLoading: (controller, navigationAction) async {
              print('Hi');
              //launch(navigationAction.request.url.toString());
              return NavigationActionPolicy.CANCEL;
            },
          );

[github-actions]

👋 @rubenferreira97

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!

[kaichii]

• I have read the Get Started - Installation section
• I have read and done the Get Started - Setup Android section
• I have read and done the Get Started - Setup iOS section
• I have already searched for the same problem

Environment

Technology Version
Flutter version 2.3.0-13.0.pre.191
Plugin version 5.3.2
Android version 30
iOS version 14.3
Xcode version 12.5
Device information: iPhone 12 Pro Max - iOS 14.3

Description

Expected behavior:
Quoting from the documentation (https://pub.dev/documentation/flutter_inappwebview/latest/flutter_inappwebview/HeadlessInAppWebView/shouldOverrideUrlLoading.html):

Give the host application a chance to take control when a URL is about to be loaded in the current WebView. This event is not called on the initial load of the WebView.

Current behavior:
shouldOverrideUrlLoading is called on iOS on initial load. In Android everything works as expected.

Steps to reproduce

1. Set useShouldOverrideUrlLoading: true in initialOptions
2. Implement shouldOverrideUrlLoading in InAppWebView
3. Place a breakpoint or print something in shouldOverrideUrlLoading

Code:

InAppWebView(
            initialData: InAppWebViewInitialData(
                data: html,
                baseUrl: Uri.parse(Config.BASE_URL)),
            initialOptions: InAppWebViewGroupOptions(
              android: AndroidInAppWebViewOptions(
                useHybridComposition: true,
              ),
              crossPlatform: InAppWebViewOptions(
                  supportZoom: false,
                  disableHorizontalScroll: true,
                  useShouldOverrideUrlLoading: true,
                  horizontalScrollBarEnabled: false),
            ),
            onLoadStop: (controller, url) {
              controller.injectJavascriptFileFromAsset(
                  assetFilePath: 'assets/js/all.min.js');
            },
            shouldOverrideUrlLoading: (controller, navigationAction) async {
              print('Hi');
              //launch(navigationAction.request.url.toString());
              return NavigationActionPolicy.CANCEL;
            },
          );

Any solution?

[zoltanbalog]

@rubenferreira97 or @kaichii do you know any solution for this problem?

[kaichii]

@rubenferreira97 or @kaichii do you know any solution for this problem?

I add logic to handle "about:blank" url on ios platform.