Material Design Lite перезагружает reCAPTCHA v2 Checkbox внутри макета mdl-js - PullRequest
Новая
       8

Material Design Lite перезагружает reCAPTCHA v2 Checkbox внутри макета mdl-js

0 голосов
/ 07 марта 2019

Кто-нибудь имеет представление, почему reCAPTCHA перезагружается, когда помещается в класс mdl-js-layout в Material Design Lite.

Это код: 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
    <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
    <script>
        var onloadCallback = function () {
            grecaptcha.render('recaptcha', {
                'sitekey': '<PUT YOUT SITE KEY HERE>',
                'size': 'compact'
            });
        };
    </script>
    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
</head>
<body>
    <form>
        <div class="mdl-layout mdl-js-layout">
            <div id="recaptcha" class="recaptcha" style="display: inline-block;"></div>
        </div>
    </form>
</body>
</html>

Это скриншот перезагрузки в Chrome Dev Tools

...