Alright! Seems obvious. I’ve been mashing my head over it for some hours now, so I’ll try your solution. I’ll come back if I’ve resolved the issue. Cheers mate!
Follow up problem . When clicking the new invite link, I’m getting redirected to the admin page, but it isn’t clickable, nor is there a popup asking to fill in a new password.
I’m only getting this.
The strange thing is, the button isn’t clickable, like if there’s an invisible layer above it in the DOM. So i checked it and my assumptions where correct.
As you can see, there are 2 iframes. Setting the bottom display: none; to display-block; gives me the netlify popup screen as requested.
Don’t know if this is a bug, but it could be worth checking out!
I assume you’re using the
gatsby-plugin-netlify-cms, which includes the identity widget by default. It seems like you also added the netlify identity widget manually. When the identity widget is loaded twice, it stops to work. Try removing the manually added script and try again!
I’m using it indeed! But I’ve never added it elsewhere. In my
gatsby-config.js I include the plugin as
'gatsby-plugin-netlify-cms', and that’s it!
I hear you, though the two identity iframes do confirm that the widget is loaded twice. Can you share your repo so we can help you debug the problem?
Sure! Thank you for looking into it.
While I’m going through your repo, it seems you’re loading the identity widget at the root of your site (I see it popping up at your homepage). Could it be that you’re loading it site wide, and then again on your admin page?
Well, not that I know of. I just leave all the default configuration on, (so just importing
gatsby-netlify-cms). I never experienced this problem before, even with my other netlify-cms sites using git gateway and netlify identity. Unless I have to specify that in
gatsby-config? But again, never had to do that in the past.
But indeed, it never occured to me that I’m loading netlify identity sitewide.
enableIdentityWidget: false to your
gatsby-plugin-netlify-cms options in
gatsby-config.js solve your issue? https://github.com/netlify/netlify-cms/issues/3295#issuecomment-589442521
I’m not exactly a Gatsby expert so someone might jump in with a more reasonable long term solution.
That didn’t do it. I do have a new login screen now:
But the console now gives me this error:
Uncaught ReferenceError: netlifyIdentity is not defined at Object.<anonymous> (emitter.js:4) at n (bootstrap:19) at Object.<anonymous> (mitt.es.js:56) at Object.<anonymous> (emitter.js:4) at n (bootstrap:19) at Object.<anonymous> (cms.js:1) at n (bootstrap:19) at bootstrap:83 at cms.js:1
So now the widget isn’t loaded at all.
Edit: The issue you linked is exactly my problem though. But his solution did not work I’m afraid.
Well, in the meantime, setting the second widget’s
display: none to
diplay: block fixed the issue for me. Which is not ideal of course, but it’s something. I’m going to look further into it tomorrow. Again, thank you for your quick answers and help!
Meanhile, I’ve put together a post addressing your initial problem: [Common Issue] Netlify CMS & Git Gateway - Email not confirmed
Thanks for your patience, I hope your issue gets fixed soon!
Sorry for the late reply, I’ll look into the duplicate iframe, but I forked the repo, ran
npm install, then
npm run build,
npm run serve, went to
http://localhost:9000/admin and was able to click the button.
Cheers! Great to see that it has been resolved.
Had similar issue when trying nextjs-netlify-blog-template on my own netlify account.
thanks @tomrutgers, I resolved it by replacing the url in the browser with :
this was a huge help to me as seen in my post here
Have you seen this post as well?
Yeah, your post set me in the right direction. I created an issue on the Nuxt CMS template git repo (linking to your post) and fix. Maybe they will add the identity widget to the index page.