Webview showing not secure popup when making a payment

Bug description:

The payment method of website show me the browser not secure popup when I making a payment. After I press Pay with Afterpay button in checkout page, it shown Don't see the secure payment browser? popup like image below, then reload the web.

It works on website browser, but not in RNWebView. Actually, When I pressed Pay with Afterpay on Website browser, it open a new tab with about:blank url, then redirect to Afterpay payment.

At first I tested on 11.0.0 version, then I upgrade to 11.14.3 but same issue.

Here is my WebView code:

const onShouldStartLoadWithRequest = ({ url }) => {
  if (
    url &&
    url.split("://")[0] !== "http" &&
    url.split("://")[0] !== "https"
  ) {
    if (isIOS) {
      Linking.openURL(url);
      return false;
    }
  }
  return true;
};

<WebView
  source={{uri: 'https://www.ebay.com.au'}}
  bounces={false}
  originWhitelist={["*"]}
  startInLoadingState={true}
  onShouldStartLoadWithRequest={onShouldStartLoadWithRequest}
  automaticallyAdjustContentInsets={false}
  domStorageEnabled={false}
  javaScriptEnabled={false}
  enableApplePay
  userAgent="Mozilla/5.0 (iPhone; CPU iPhone OS 14_0_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Mobile/15E148 Safari/604.1"
  sharedCookiesEnabled
/>

To Reproduce:

1. Create app that uses WebView
2. Go to https://www.ebay.com.au and pick any product then make all the checkout process until the Payment method.
3. Select Afterpay method then press Pay with Afterpay button

Expected behavior:

After pressing Pay with Afterpay, should show the popup process of Afterpay then continue to complete the payment.

Environment:

• OS: iOS
• OS version: iOS 15.0
• react-native version: 0.64.2
• react-native-webview version: 11.14.3

[Tech-LR]

+1

[lonewolfaka9]

+1