Can the Google Pay popup be programmatically closed?

[bs-shubham-chaudhari]

Hi team, 👋

We’re using @google-pay/button-react for web checkout and would like to know if there is any supported way to programmatically close the Google Pay popup once it has been opened.

We’ve tried approaches such as:

• Returning errors from onPaymentDataChanged
• Hiding or unmounting the <GooglePayButton>
• Remounting the component

but the popup remains open in all cases.

Could you clarify if this is possible, or if programmatic closure is intentionally not exposed via the API?

Thanks!

This question is related to: React component (@google-pay/button-react)

[dmengelt]

@bs-shubham-chaudhari could you elaborate a bit more on your use case? what are you trying to achieve? what is the reason you want to close the window programmatically?

[bs-shubham-chaudhari]

@dmengelt We’re implementing a web checkout where users can pay in their local currency based on their shipping address.

For example, a user may land on the checkout with USD as the selected currency. When they open Google Pay, we detect from the shipping address that the user is actually located in the United Kingdom. In this case, we programmatically update the checkout to use GBP, since that’s the correct local currency for the shipping destination.

However, once the Google Pay popup is already open, the currency cannot be updated. At that point, our desired UX is to close the Google Pay popup, notify the user that the currency has changed, and allow them to reopen Google Pay to continue the payment flow with the correct currency.

At the moment, we haven’t found a supported way to programmatically close the Google Pay popup, so we wanted to ask if there’s a recommended approach for handling this scenario.

Appreciate any guidance on this — thanks!

[dmengelt]

You should keep the Google Pay window open and have your logic in the onPaymentDataChanged callback handler. Why would you want to go back to your checkout page and have the user click the Google Pay button again? I don't think this is good UX.

[bs-shubham-chaudhari]

Once the Google Pay sheet is open, the currency does not update, even if we change it after receiving the shipping address in onPaymentDataChanged.

Is there a supported way to update the transaction currency while the Google Pay window is open? If not, is this a known limitation of the API?

That’s the reason we were exploring whether closing and reopening the sheet is possible.

[dmengelt]

I see. Yeah, this is a limitation of the API. Check here.

[bs-shubham-chaudhari]

Thanks for confirming the currency limitation — that part is clear now 👍

However, my original question is still unanswered: is there any way to programmatically close the Google Pay dialog once it has been opened?

So far, we haven’t found a supported method, and none of the approaches we tried (unmounting the component, returning errors from onPaymentDataChanged, etc.) dismiss the dialog.

Could you please clarify this so we can design the correct flow on our side?

Thanks!

[dmengelt]

Ah sorry. No, this is currently not possible.