In App Browser - doesn't load webpage in iOS 12

[Nazirovich]

Ionic version:
[ ] 1.x
[ ] 2.x
[X] 3.x

I'm submitting a ... (check one with "x")
[x ] bug report
[ ] feature request

Current behavior:
Open the in app browser and the url does not load, it always shows a blank white page on iOS,
however, it is working in Android

Expected behavior:
Open the in app browser and load the url

Related code:

openWebPage() {
 const browser = this.inAppBrowser.create("www.url.com", '_blank');
	}

Other information:

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):

Ionic:

   ionic (Ionic CLI)  : 4.3.1 (C:\Users\***\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.0

Cordova:

   cordova (Cordova CLI) : not installed
   Cordova Platforms     : none
   Cordova Plugins       : not available

System:

   NodeJS : v8.9.4 (C:\Program Files (x86)\nodejs\node.exe)
   npm    : 5.6.0
   OS     : Windows 10

[janpio]

You are posting this in the Cordova plugin repository, not Ionic. Any specific reason why you are using the Ionic issue template?

From the output above, you don't have Cordova CLI installed, no platforms or plugins in your project. This can not be true. Can you please post those versions?

What URL are you trying to load?

[Nazirovich]

You are posting this in the Cordova plugin repository, not Ionic. Any specific reason why you are using the Ionic issue template?

From the output above, you don't have Cordova CLI installed, no platforms or plugins in your project. This can not be true. Can you please post those versions?

What URL are you trying to load?

• Because i'm using the ionic framework for my app

• yes sure

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : none
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, (and 5 other plugins)

Node version: v8.9.4

Cordova version: 8.1.1

 <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <allow-navigation href="*" />
    <allow-navigation href="https://www.sabis.net">
   <plugin name="cordova-plugin-whitelist" spec="1.3.3" />
    <plugin name="cordova-plugin-statusbar" spec="2.4.2" />
    <plugin name="cordova-plugin-device" spec="2.0.2" />
    <plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
    <plugin name="cordova-plugin-ionic-webview" spec="^2.0.0" />
    <plugin name="cordova-plugin-screen-orientation" spec="^3.0.1" />
    <plugin name="cordova-plugin-actionsheet" spec="^2.3.3" />
    <plugin name="cordova-plugin-dialogs" spec="^2.0.1" />
    <plugin name="cordova-plugin-ionic-keyboard" spec="2.0.5" />
    <plugin name="cordova-plugin-inappbrowser" spec="^3.0.0" />

• https://www.sabis.net

[janpio]

What version of cordova-ios are you using?

The best way for us to reporoduce and later debug this issue would be for you to create a new Cordova project with cordova create, add the platform and plugins you really need and implement the minimal code (open inappbrowser with that URL) that shows your problem clearly and reproducibly. Please upload that project to GitHub and then post the URL here. Thanks.

[jayordway]

Did you wrap it with a platform.ready:

this.platform.ready().then(() => {
this.browser = this.iab.create(//url here//, '_blank', options);

[AndrewJohnBenjamin]

I too am seing this exact same issue. It seems to be whenever a target of _blank is being used. I am yuet to find a solution to this. Have you had any luck in solving it?

[RoyeA]

I had the same issue on an Android device when using the "_self" target.
It took a while, but ( for unknown reason ) after removing the <allow-navigation href="*" /> entry in the config.xml, all started to work fine.