Адаптивный размер ReCaptcha
- 18 октября, 2022
- 5:27 пп
- Нет комментариев
Стандартная ширина капчи от Google reCAPTCHA имеет ширину 302 пикселя.
Соответственно, если блок, в котором она находится имеет меньший размер, то его либо раздвинет, либо будет не видно часть капчи.
Лечится это очень простым JS кодом с библиотекой jQuery
$(function() {
var reCaptchaWidth = 302;
var containerWidth = $('.container').width();
if(reCaptchaWidth > containerWidth) {
var reCaptchaScale = containerWidth / reCaptchaWidth;
$('.g-recaptcha').css({
'transform':'scale('+reCaptchaScale+')',
'transform-origin':'left top'
});
});