Issues with reCAPTCHA v2 inside a modal in Internet Explorer 8 and up
See original GitHub issueI use reCAPTCHA v2 on a website using the grecaptcha.render
function.
I have tested it in Firefox and Chrome without any issues.
In Internet Explorer 8 - 11 it won’t work. I’ve tested it on multiple computers and different networks.
It won’t allow a correct entry of the captcha nor will it allow for it’s submission when inside a Bootstrap Modal.
YouTube video to display the issue: https://youtu.be/KnaQqqaz-00
JSFiddle to demonstrate the issue: http://fiddle.jshell.net/emilhem/Lgovn28f/4/
Does anyone else experience this issue? Is there a solution to the issue I’m experiencing?
Issue Analytics
- State:
- Created 9 years ago
- Comments:7 (1 by maintainers)
Top Results From Across the Web
Problems with new Google reCAPTCHA in IE when inside ...
The problem is generated by the the modal component of Bootstrap. When the modal is about to appear this function is called: Modal.prototype ......
Read more >reCAPTCHA v2 won't allow submission in Internet Explorer ...
I use reCAPTCHA v2 on a website using the grecaptcha.render function. I have tested it in Firefox and Chrome without any issues.
Read more >How to Fix reCAPTCHA Not Working - Online Tech Tips
Your reCAPTCHA problem may be the result of a faulty extension. In this case, disable your extensions and see if you can submit...
Read more >Google reCAPTCHA V2 Problem – Works in Internet Explorer ...
Today I had a Google reCAPTCHA V2 problem – it was only working in Internet Explorer (IE), but not Firefox or Chrome.
Read more >How The Forum Works - Support - Themeco
Iframe In Pop-Up Modal Is Creating Page Errors ... Youtube Lighbox inside the Creative Columns 4 ... Problem with Internet Explorer.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I am honestly amazed that this is how Bootstrap treats a contributor to the project. Here is someone who has spent time and effort to provide a useful, constructive bug report, only to be smacked in the face, first by a bot, then by a wont-fix from a maintainer who didn’t investigate the cause of the problem.
It may or may not be a coincidence, but on the exact same day that this issue was opened and closed, a 2 months old question on StackOverflow received an answer containing a workaround which looks like this:
In other words, the problem is in a function coming from Bootstrap itself. It probably serves a purpose, but breaks other scripts by stealing focus. Especially since this “other script” is not some hackish piece of custom JS, but Google’s Recaptcha, I kindly ask you to reconsider your decision and offer @emilhem your apologies.
Bootstrap receives a large quantity of low quality bug reports where the user is at fault rather than Bootstrap. This may not be the case with your bug report, but we can’t always determine this at first glance and due to the number of issues we deal with we often default to closing. Getting angry at the core team (who are just volunteers doing their best), is not helpful.
@marcvangend seems to have demonstrated that it’s a problem on our end, so I’ve added this issue to my review list. I can’t however make any guarantees about backporting a fix as support for v3 has mostly ceased.