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