google/recaptcha

FEATURE REQUEST: grecaptcha.render should honor the STRING set by container var when rendered (PS: popup bug, recapcha displays off screen)

zagarskas opened this issue · 0 comments

FEATURE REQUEST:
When grecaptcha.render() is set and a container is passed in as a (string) please honor the string by passing it into the DIV container element that the grecaptchaPopup element appears in by adding id="container_string" or id="[container_string]+[opt_widget_id]"

Also note, opt_widget_id is simply a numeric id, and does not honor container(string) either.

Here is a problem which occurs when grecaptcha.render() is called during a modal-popup where the HTML element scroll-y position is frozen, creating a problem where the user can not interact with the grecaptcha challange (because it is hidden off screen)

FULL VIDEO CAPTURE OF ISSUE
https://www.screencast.com/t/0UgWen4i

If we had some way to easily determine the container ID of the rendered grecaptchaPopup then we could correct this offset however we see fit.

PS: if you have any ideas how to accomplish the following goal, please let me know, I am open to any ideas here
When a grecaptcha challange is triggered inside of a modal popup AND the body/html scroll-y position is FIXED because we want to prevent scrolling ensure that the grecaptcha challange is always visible.

Popup Issue:

  • Install a modal popup that locks the body/html element scrollbar
  • place a form into the modal popup
  • place several anchor tags on the page that trigger the popup
  • scroll down on the page, fire the popup (and grecaptcha.render() )
  • the grecaptcha challange will be OFF PAGE at some point when the scroll bars are locked
  • The challange can not be seen, therefore can not be met