Я пытаюсь внедрить google recaptcha v2 в контактную форму моего сайта. Но проблема в том, что когда я нажимаю на флажок recaptcha, всплывающее окно становится пустым на 70%, и оно показывает форму выбора изображения вне поля зрения, как вы можете видеть в изображение ниже:
Поле ввода рекапчи вне поля зрения
Вот полный код раздела html формы:
<form name="contact_form" class="contact-forms" action="/contact_form.php" onsubmit="return validateForm()" method="POST">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Name" name="name">
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="Email" name="email">
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Phone" name="phone">
</div>
</div>
<div class="col-md-6">
<textarea class="form-control" rows="6" placeholder="Message" name="message"></textarea>
<div class="captcha_wrapper">
<div class="g-recaptcha" data-sitekey="6LeTWO8UAAAAAG3hSAQWqWvUJ4j7bZuIGcNDxsxx"></div>
</div>
</div>
</div>
<div class="contact-btn">
<a class="btn btn-default rex-primary-btn-effect-No dark-color" onclick="cleaner()" role="button"><span>Cancel</span></a>
<input class="btn btn-default rex-primary-btn-effect" role="button" type="Submit"></input>
</div>
</form>
Форма повторения будет правильно отображаться на экране мобильного телефона, но на P C проблема возникает во всех браузерах. Я очень признателен, если вы можете помочь решить эту проблему Спасибо