Drop-in doesn't show on iOS (Device and Emulator)

[carned]

Hi, I am using this plugin with this configuration

<ngx-braintree [clientTokenURL]=braintreeTokenUrl [createPurchaseURL]=braintreeCheckoutUrl (paymentStatus)="onPaymentStatus($event)" [showCardholderName]="true" [chargeAmount]="50" [enablePaypalCheckout] = "true" [buttonText]="'Pay'" [enabledStyle]="enabledStyle" [disabledStyle]="disabledStyle" [currency]="'EUR'"> </ngx-braintree>

It works using ionic serve, with cordova platform browser and android (emulator and devices), but it doesn't work on iOS.

There is an infinite loader. No errors into console log.

Thanks

[carned]

I tried also with basic configuration:

      <ngx-braintree
        [clientTokenURL]=braintreeTokenUrl
        [createPurchaseURL]=braintreeCheckoutUrl
        (paymentStatus)="onPaymentStatus($event)"
        [chargeAmount]="50">
      </ngx-braintree>

On my backend server the clientTokenURL has been invoked. Using browser or android everythings is ok.

Environment is:

cli packages: (/usr/local/lib/node_modules)

    @ionic/cli-utils  : 1.19.2
    ionic (Ionic CLI) : 3.20.0

global packages:

    cordova (Cordova CLI) : 8.0.0

local packages:

    @ionic/app-scripts : 3.1.11
    Cordova Platforms  : browser 5.0.3 ios 4.5.5
    Ionic Framework    : ionic-angular 3.9.2

System:

    ios-sim : 5.0.8
    Node    : v6.9.4
    npm     : 4.1.1
    OS      : macOS High Sierra
    Xcode   : Xcode 9.4.1 Build version 9F2000

[RELAXccc]

I would recommend to use srikanthonl/ngx-braintree only for your Desktop version of your app. ionic-native/braintree (+cordova plugin) works best for iOS & Android and it is supported up to the newest ionic 4.5.0 beta

[tfdsimoes]

I have found these https://github.com/braintree/braintree-web-drop-in/issues/478 Can these be the solution for these problem ?

[widnig89]

I had the same issue. No payment method was loaded in ios simulator and on real ios devices. On Android and PWA it worked.

The xcode log showed me following error when the dropin ui was created: ERROR Internal navigation rejected - <allow-navigation> not set for url='about:blank'

I then added in my config.xml following line: <allow-navigation href="*" />

again ionic cordova prepare ios and it worked.