reCAPTCHA v2 won't allow submission in Internet Explorer when in a Bootstrap Modal

[Emilhem]

I use reCAPTCHA v2 on a website using the grecaptcha.render function.

I have tested it in Firefox and Chrome without any issues.

Last week it worked in Internet Explorer 8 - 11 but this week it won't work in either. 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 in a Bootstrap Modal.

YouTube video to display the issue: https://youtu.be/KnaQqqaz-00

JSFiddle to demonstrate the issue: https://jsfiddle.net/emilhem/Lgovn28f/2/

Does anyone else experience this issue?

Regards,
Emil

[Emilhem]

A slightly improved JSFiddle: http://fiddle.jshell.net/emilhem/Lgovn28f/6/

[gcord...@gmail.com]

I'm also experiencing this issue. It only occurs in Internet Explorer (Chrome and Firefox are fine). When the check box is clicked, the recaptcha words appear as expected, but clicking on the text box to enter the words seems to be where it's breaking. Maybe IE is blocking some resource from the iframe?

[Emilhem]

Check this solution that I found: http://stackoverflow.com/a/28965638/1294363

Regards,
Emil

[Kadir Atasoglu]

Same error here. My recaptcha is into the modal window. And text input not clickable. This error happen in IE10 and IE11. I am using jquery ui modal. If anybody have a solution please help us.

16 Mart 2015 Pazartesi 17:11:54 UTC+2 tarihinde gcord...@gmail.com yazdı:

[Joe C]

reCAPTCHA 2.0 has this IE bug using Bootstrap modals.  

The hack mentioned worked for me (http://stackoverflow.com/a/28965638/1294363): 

$.fn.modal.Constructor.prototype.enforceFocus = function () { };

[boxpart...@gmail.com]

I've found a solution for using Recaptcha V2 in a Jquery modal. This will allow interaction with the recaptcha iframe. Add the following js code:

$(document).ready(function () {
    try {
        $.widget("ui.dialog", $.ui.dialog, {
            _allowInteraction: function (event) {
                //This function fixes issue with IE11 not able to verify Recaptcha v2
                if (this._super(event)) {
                    return true;
                }
                // address interaction issues with general iframes with the dialog
                if (event.target.ownerDocument != this.document[0]) {
                    return true;
                }

                // address interaction issues with iframe based drop downs in IE
                if ($(event.target).closest("iframe").length) {
                    return true;
                }
            }
        });
        $("#modalDialog").dialog({
             //...
        });