Comments (18)
Seems to be only when we have width='nnn'
in the asl-google-signin-button
- but why is that breaking it and why now?
from angularx-social-login.
FYI: For now we managed to workaround this issue by providing the width value including px
suffix.
<asl-google-signin-button
type="standard"
logo_alignment="center"
width="240px"
size="large">
</asl-google-signin-button>
from angularx-social-login.
Hi I found the same page and with px
suffix it work for me as I expected.
And if you add in your code style="width:300px"
(or whatever else length you are looking for) on asl-google-signin-button
component it will have the correct length from the begining when the button is loaded. Else it will load shrink and then it will dynamically resize on specified length.
from angularx-social-login.
I fixed using the proprety with [width]="400" (not width="400")
<asl-google-signin-button type="standard" size="large" [width]="400" class="mx-5"></asl-google-signin-button>
from angularx-social-login.
I'm getting the same error when I specify the width attribute. I can't see a change in google's docs.
from angularx-social-login.
I've posted a message with link to this issue via feedback form on the Google's documentation page (see button 'Send feedback').
I'd suggest to people who face the same issue - post the reports there because it's either documentation should be fixed or the library's implementation should conform with the documentation. Authors of angularx-social-login could potentially fix the issue at hand, but you never know when Google would decide to change the library implementation again.
from angularx-social-login.
Hi I had same problem and I fixed it by changing property width="300"
of asl-google-signin-button
component to width="300px"
.
from angularx-social-login.
classic google junk.
adding 'px' on the end of my width amount worked but I had css animations showing the div it was in, now it causes some kind of reflow at the end, and the animation 'clunks' when finished into the final look.
from angularx-social-login.
I have the same problem, I haven't made any recent changes and my applications worked perfectly with the login, now I have this error in the console.
from angularx-social-login.
It seems like google's client library stopped accepting numbers-as-strings if provided as an input to the renderButton
function.
Example to reproduce:
<html>
<head>
<meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
</head>
<body>
<div id="my-signin2"></div>
<script src="https://accounts.google.com/gsi/client"></script>
<script>
google.accounts.id.initialize();
google.accounts.id.renderButton(document.getElementById('my-signin2'), {
'width': 200,
});
</script>
</body>
</html>
If width
passed as a number - all works button is rendered, once quoted - it fails with the following (similar to the above) stacktrace:
Uncaught Error:
$e https://accounts.google.com/gsi/client:128
qp https://accounts.google.com/gsi/client:226
$p https://accounts.google.com/gsi/client:245
Mo https://accounts.google.com/gsi/client:243
No https://accounts.google.com/gsi/client:215
<anonymous> http://localhost:8000/google.html:10
from angularx-social-login.
Google's API documentation says that width is expected to be a string.
from angularx-social-login.
Strange that in dev pc login button is showing on all browsers, but in different pc or mobile google login button is missing.
And showing:
Edit:
Found that button request has 403 response code
Edit2:
Removed width attribute and working now:
<asl-google-signin-button title='Google' type='standard' size='large' theme="outline" shape="square" locale="en_US" text="signin"></asl-google-signin-button>
from angularx-social-login.
Hi I had same problem and I fixed it by changing property
width="300"
ofasl-google-signin-button
component towidth="300px"
.
This doesn't fully fix problem. Its shows button but doesn't gives 300px width.
from angularx-social-login.
Found that in Google documentation is the same problem.
And when width is removed button is showing:
from angularx-social-login.
I have been using width="400"
before. Using width="400px"
causes the library to error. A temporary fix is to use width="399px"
from angularx-social-login.
I've posted a message with link to this issue via feedback form on the Google's documentation page (see button 'Send feedback').
I'd suggest to people who face the same issue - post the reports there because it's either documentation should be fixed or the library's implementation should conform with the documentation. Authors of angularx-social-login could potentially fix the issue at hand, but you never know when Google would decide to change the library implementation again.
@aluuu any updates?
from angularx-social-login.
I've posted a message with link to this issue via feedback form on the Google's documentation page (see button 'Send feedback').
I'd suggest to people who face the same issue - post the reports there because it's either documentation should be fixed or the library's implementation should conform with the documentation. Authors of angularx-social-login could potentially fix the issue at hand, but you never know when Google would decide to change the library implementation again.@aluuu any updates?
Nope, no one replied yet.
from angularx-social-login.
any update on this issue? and also i want to make it adapt dynamic size can some one guide me how should i implement it?
from angularx-social-login.
Related Issues (20)
- Version 2.0.0 Google button not working HOT 2
- Sign In with On click button HOT 1
- Google login issue HOT 1
- Google Authentication: Offline Access Type (allow retrieving refresh tokens) HOT 6
- Getting error by Google login directive. HOT 4
- unable to install in angular 14 HOT 3
- provide me steps for login and logout using google HOT 1
- Can't use Facebook OAuth for non-test application ID HOT 3
- Making Google button responsive
- Update the About Section of this Git Repo HOT 2
- Sorry, something went wrong. HOT 1
- Apple nativ support HOT 2
- It wont function with newest v16 angular client HOT 2
- Unable to subscribe to SocialAuthService authState HOT 5
- <asl-google-signin-button> css properties cannot be overwritten HOT 3
- Google changed something about login button render HOT 4
- Angular16 : ERROR Error: Uncaught (in promise): You should not call this method directly for Google, use "<asl-google-signin-button>" wrapper or generate the button yourself with "google.accounts.id.renderButton() HOT 10
- The entrypoint for '@abacritt/angularx-social-login' could not successfully be resolved. with Angular 16.2 HOT 1
- Angular V16 - Cross-Origin-Opener-Policy HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angularx-social-login.