Enable Popups in MAUI Webview on iOS (for Google Pay integration in iOS)

[mobilewares]

Hi All,

For a current project which is targeting MAUI NET9 - we are using a 3rd party payment system exposed via a website into our App. This is using the MAUI WebView control which is hosted inside one of the pages inside our App.

We have been unable to get Google Pay working on the iOS version however - after the user has clicked the 'Pay with Google Pay' button they are taken to the pay.google.com website where they sign in. After returning from this, it is getting blocked at the point where I think it's attempting to show the popup for selecting the credit card. (Note that this scenario is working fine on same device if simply using the standalone Safari browser).

In the browser we see this message :

I have tried setting the Handler to switch on the config options and set a user agent - but it's not helping

`

Microsoft.Maui.Handlers.WebViewHandler.PlatformViewFactory = (handler) =>
{
WKWebViewConfiguration config = MauiWKWebView.CreateConfiguration();
try
{

    config.Preferences.JavaScriptEnabled = true;
    config.Preferences.JavaScriptCanOpenWindowsAutomatically = true;
    config.ApplicationNameForUserAgent = "Mozilla/5.0 (iPhone; CPU iPhone OS 18_7 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.6.2 Mobile/15E148 Safari/604.1";
}
catch (Exception e)
{
    
}
return new MauiWKWebView(CGRect.Empty, (WebViewHandler)handler, config);

};

`

Just wondering if anyone out there has managed to get this scenario working at all / figured out how to enable the Popups? Note that native Google Pay integration is not currently an option for this project unfortunately.

Also - just in case anyone needs it - we have successfully got Google Pay working in this scenario (via WebView) on Android devices with full Google Pay Wallet integration working. This required a few things to be enabled via the AndroidX.WebKit components and the manifest. Happy to share this here if anyone is interested.

thanks
Niall

[rokmeglic71]

Niall, I do not know. However, I have asked CoPilot and he gave me some good answer. Did you try asking and implementing AI solution?

[mobilewares]

Thanks - ChatGPT brought up a solution that I have tried out (using a WKUIDelegate / UIDelegate).
It seems to have taken me one step further - it no longer shows the Javascript popups not supported error, however it is now graying out the browser window like it's trying to show a popup, but it's not actually showing any new content (seems like it's maybe opening the popup but then failing to navigate/show the new popup content).

[rokmeglic71]

@mobilewares CoPilot said you need to:

Implement CreateWebView and present a new WKWebView for the popup, and the Google Pay card selector should display.

You can copy paste the whole topic and ask for "show me a full MAUI iOS handler override (drop‑in code) that wires up WKUIDelegate properly?" (CoPilot AI prompt)

[mobilewares]

Hi - I think I have exact same code for this (also used ChatGPT) - only difference is I am not wrapping it inside a control in same way. I've definitely got around the Javascript popup being blocked (and have debugged to ensure it's calling into the delegate code and applying the window constraints etc) but it's not rendering the popup content at all. It's dimming out the main content though as it would do for a popup. I have tried same sequence in standalone Safari on same device & simulator and it's working there - so it's not the payment system's implementation of this.
I will have a go again doing exact same technique with the handler using the inherited WebView see if I can get any different behaviour.
Thanks for your tips/effort so far though - definitely feels like I am closer to a possible solution.

[rokmeglic71]

As far I understand CoPilot, the problem is that you have the popup, but nothing to render on. That's why you need CreateWebView, so there will be a surface to render the content. Try to investigate in this way, I think you are very close.