This has happened to me when I tried to add Google Pay via Stripe into my app. It has appeared only after deployment, not during local development.
The app does not use any iframes and the code is run in top-level browser context.
GooglePay Error: "Must be in a top-level browsing context or an iframe needs to specify 'allowpaymentrequest' explicitly"
2.4k Views Asked by Martin Malinda At
1
There are 1 best solutions below
Related Questions in HTTP
- Handling both JSON and form values in POST request body with unknown values in Golang
- Why can't I use PUT requests?
- nginx set up reverse proxy from subfolder to a port
- Async Web Server RP2040 returning ERR_CONNECTION_REFUSED?
- Getting `FormatException: Missing extension byte (at offset 6)` exception for accessing `response.body` from a server deployed in Vercel
- Retrieving list of values from MYSQL data base based on input value(LARAVEL 10 )(GET HTTP METHOD)
- Unable to add request headers via CHttpFile - C++/MFC
- Why do we call all http services 'Web Api/Web Service'?
- How to correctly read POST REQUEST body on ESP32?
- on linux gitclone issue remote server error showing fatal error with proxy n port
- Elasticsearch - cascading http inputs from Airflow API
- How to clean the html pages opened in a session?
- UTF-8 is not a valid encoding name
- I dont get the Result i expected when i want to get my Telegram Chatbot id
- NextJS 14 SSE with TransformStream() sending messages in a single response
Related Questions in BROWSER
- (in promise) TypeError: NetworkError when attempting to fetch resource
- How could i add a bookmark and tabs function in PySide6?
- Difficulty Accessing HTTP URLs/IP Addresses Due to Browser Redirecting to HTTPS: Seeking Solutions
- Can be their an extension to save pages in as offline in the browser itself?
- Connecting puppeteer to an existing Brave Browser instance using
- How can I modify javascript native fetch function from an extension?
- Update your browser to use...in android webview application
- Why does throwing an error in any browser developer console not get caught by window.addEventListener('error')?
- The javascript and css files cached by chrome do not belong to the same version
- Unlike chrome Unable to create multiple instance of sidepanel while creating extension for edge browser
- Cannot import a class from a WebPacked javascript file
- How do I keep the same time input style in both firefox and chrome
- Use GUI application on Github Codespace
- get cpu / gpu capabilities from client in react / typescript?
- How to close a browser context after multiple test is written in same file
Related Questions in FRONTEND
- How to perform CRUD operations on a static JSON array in Angular? (without API)
- Java and React WebSocket - Error Connection
- Why can't I use PUT requests?
- Adding Modules to a Namespace using IIFE
- How to use PrimeNG multiselect search to trigger an API call based on user search input and populate the multiselect with the retrieved data?
- Should I compress images in java backend before sending to frontend?
- Privsate channel doesn;t display messages - propably it's problem with authentication
- Swiper Js Slider Reveal Next Slider Partially
- How can i prevent the image from zooming in when i resize the browser?
- NextJs 14. Intercepting Routes. Modal. Routing Problem
- How to perform get, update, add and delete operation in a multi-parameter JSON array just like an API in Angular
- How to animate calculated position/container height when viewport changes?
- Applying a different position for each child of a parent element with a formula?
- (React)At rendering, initial value of zustand comesout firstly Please, give me your opinions
- My state is undefined despite being setted
Related Questions in PAYMENT-REQUEST-API
- how to store critical data on PaymentRequest API
- Stripe: Failed to execute 'postMessage' on 'Window': Delegation is not allowed without transient user activation
- What is the google pay equivalent of Apple Pay canMakePayments() method?
- Facing issues while implementing google API to Angular
- Payment request button via Stripe does not work when add shipping address
- Card payments with the Payment Request API not working
- service.acknowledge is undefined using Digital Goods API with Google Play in TWA
- GooglePay Error: "Must be in a top-level browsing context or an iframe needs to specify 'allowpaymentrequest' explicitly"
- Payment Request API: Getting the buyer's address
- Apple Pay integration with Angular
- Unable to get any response from the apple pay - This resource came from a local override
- how to apple pay through stripe in VJs?
- Current list of supportedMethods for the W3C PaymentRequest API
- TypeError: Object is not a constructor (evaluating 'new PaymentRequest(METHOD_DATA, DETAILS)')
- Firefox - ReferenceError: PaymentRequest is not defined
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular # Hahtags
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
It turned out this was due to this permission policy: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Feature-Policy/payment.
I had
Permissions-Policy: geolocation=(), microphone=(), camera=(), payment=(self). Removing the payment restriction allowed me to get rid of this error.I tried to find what origins to put there specifically to make Google Pay work well, but I could not find any good resources.