Google Client Authorize is malfunctioning on iOS mobile devices, specifically the iPhone with version 41.0.2272.58

Our application utilizes gapi.js for Google authorization. While it functions well on the majority of desktop browsers and mobile Safari, we have encountered an issue with Mobile Chrome IOS (41.0.2272.58).

To initiate the process, we first load the gapi.js script:

require(['https://apis.google.com/js/client.js?onload=gapiIsLoaded'];

We then attempt to authorize using the following code:

gapi.auth.authorize(params, handler);

The parameters used are as follows:

var params = {
                client_id: MY_CLIENT_ID,
                scope: MY_SCOPES,
                immediate: false // to open popup
            };

When testing the behavior, browsers display a popup allowing for authorization and continuation of work. Additionally, IOS Safari performs correctly.

However, in Chrome IOS, the handler callback is never triggered.

Answer №1

The problem also affects Chrome for Android version 5.0. I was able to fix it by reverting back to version 39.0.2171.59. I hope this helps you in determining the underlying issue.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Error: Cannot locate tsconfig.app.json file during App Engine deployment process

Attempting to deploy my Angular-cli 6 Universal app on App Engine for the first time is causing an issue. The error message I'm receiving is: ENOENT: no such file or directory, stat '/app/src/tsconfig.app.json' Building and testing the ap ...

The hyperlink activation event is malfunctioning

There seems to be an issue with the "Goods" link not working after clicking on "Shops." <div class="i_find"> <div class="replaced_link">Goods</div> <div class="link_container"><a href="#" class="a_shops">Shops</a&g ...

Is there a different option for narrating over a Core Plot graph?

My application includes a graph view for presenting statistical data. I am curious if anyone has successfully implemented voice over functionality with core plot. How can I make this graph view accessible for visually impaired users? For instance, is ther ...

Leveraging multiple instances of the ngx-slick-carousel within an Angular application

While implementing the slick carousel on my webpage, I encountered an issue where the second carousel is not displaying as expected in my slider.component.ts. <div *ngIf="mainSlider"> <div class="main__slider"> & ...

Using jQuery to iterate through a JSON array and extract key/value pairs in a loop

I want to create a loop that can go through a JSON array and show the key along with its value. I found a post that seems similar to what I need, but I can't quite get the syntax right: jQuery 'each' loop with JSON array Another post I cam ...

Is it feasible to utilize a prop for styling in Vue using SCSS/SASS?

I am currently working on enabling custom theming for my component that utilizes bootstrap. I am aiming to define its $primary tag in SCSS within the section of the Vue component. Currently, my styling setup looks like this: <style scoped lang="scss"& ...

Ensure the browser only reloads a single file

In the midst of my project, I realized that the CSS and JS files are being loaded separately onto the webpage with query strings like .css?1234 to ensure the browsers refresh the files on load. However, upon returning to the project, I discovered that one ...

Eliminating Repetitions in Array of Objects by Filtering Out Objects with Matching Properties

I am currently working with an array of objects where I need to identify duplicates based on specific properties (first and last names). Below is my attempt at solving this issue: The expected output should resemble: [ {first:"John", last: "Smith", id: ...

Ways to enable dragging for dynamically generated elements using gridstack

Within my project, I have incorporated a drag and drop library known as gridstack. For more information, you can refer to their documentation on github here. An issue arises when statically adding elements into the DOM and initializing gridstack, as thes ...

Error encountered in App.js on line 29: Unable to access the property 'map' as it is undefined

Currently enrolled in the University of Helsinki Full Stack Open course, I am facing a challenging error while working on my React web app. The app retrieves data from the Rest Countries API (https://github.com/apilayer/restcountries) and I am trying to di ...

Strange Errors Encountered With NSJSONSerialization on iOS

When I attempt to fetch a JSON file in Xcode using the code below, I encounter some unpredictable issues: - (void)dataRequest { NSURL *dataURL = [NSURL URLWithString:@"link to JSON file"]; NSURLRequest *dataRequest = [NSURLRequest requestWithURL:d ...

What is the best way to insert a string into a JavaScript variable and display other variables within it?

When working with a JSON object in JavaScript, I encountered a challenge in displaying values within the looped string and then incorporating it into my JS file. In PHP, the following syntax is typically used: $var = 'This is a '.$variable.&apo ...

Utilizing Google Maps API version 3 to display various groups of markers

I am encountering an issue while trying to plot fixed markers and a user position marker on a Google Map. I want to use different images for these markers, but something strange is happening. When the page loads, all fixed markers show up correctly initial ...

Best practices for defining module-wide constants in AngularJS

In my project, I have around 20 "modules" each with its own unique functionality but following the same structure. These modules are stored in separate files within their respective folders. For instance, the admin module is located in the modules/admin fo ...

The sequence of synchronous execution within a Promise

I encountered a problem while attempting to test a Promise within an event listener. Although everything seems to be working fine, the execution order is not as expected. var test = document.querySelector('#test'); test.addEventListener(' ...

Is it possible for the Redux state to become unsynchronized?

const SortingFunction = ({ dataState, updateState }) => { const handleClick = () => { const newState = JSON.parse(JSON.stringify(dataState)) // Make necessary updates to the new state based on the current dataState updateState(newStat ...

Next.js throwing an error: TypeError - attempting to read property 'map' of undefined

I am facing an issue with my Next Js project. I have implemented the backend logic to display data, but when I attempt to show all the data using the useEffect hook and the map function, I encounter the following error: TypeError: Cannot read property &apo ...

The view in my node is rendering a different ejs view, and I have verified that the path

Currently, I am using the render method for a view in EJS. The path is correct but the view in the route is an old one that I used for testing purposes. This is my server.js code: https://i.sstatic.net/Xl1Ct.png Here is my route: https://i.sstatic.net/ ...

Tips for inserting a personalized image or icon into the ANTD Design menu

Can anyone help me figure out how to replace the default icons with a custom image or icon in this example: https://ant.design/components/layout/#components-layout-demo-side I attempted to do it by including the following code: <Menu.Item to="/" key=" ...

Using v-bind:class in Vue.js does not successfully assign a value in the method

Why is the width of my div not changing when I try to bind it to a data attribute that ranges from 0 to 100? <div class="bar" :style="{ width: percentage + '%' }"></div> <script> export default { name: 'app&ap ...