no captcha recaptch overlay не отображается полностью

Question

Я поместил no-captcha recaptcha во всплывающее окно (FancyBox), все в порядке. (Recaptch1.PNG). Но когда пользователь нажмет на этот флажок, наложение изображений captcha не будет полностью отображаться. (Recaptch2.PNG).

Мой вопрос, можем ли мы автоматически разместить наложение так, как пользователь может видеть директиву. (recaptch3.PNG) Или мы можем изменить размер оверлея, чтобы соответствовать iframe во всплывающем окне, чтобы все было видно?

Любое предложение?

recaptch1.PNG

recaptch2.png

recaptch3.PNG

Answer 1

Я думаю, я нашел решение. После многого поиска я нашел эту ссылку: https://www.geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/

Это изменяет размер контейнера recaptcha V2, но не изменяет размер наложения, потому что Google вводит наложение на страницу, а не в контейнер. Поскольку я обнаружил, что Google накладывает наложение на страницу, теперь я могу настроить наложение. Поэтому я использую технику в предыдущей ссылке, но я влияю на класс «gc-bubbleDefault».

Я добавляю это в свой css, и это решает мою проблему: .gc-bubbleDefault {transform: scale (0.82); transform-origin: 0; -webkit-transform: scale (0.82); transform: scale (0.82)); - webkit-transform-origin: 0 0; transform-origin: 0 0; 0}

Это решение, которое не работает на всех версиях браузера (не старые, т.е.), но это работает для меня.