Hello,
On pages works well but PopUps I'm having this error:
I noticed that ReCaptchaId is always 0.
If we change the JS of render captcha this problem will be fixed but after on Recaptcha execute a different error will be present saying that the ReCaptcha for ID that we are passing it was not loaded.
Any idea how we can solve the problem?
Thanks
Hi Paulo,
The Recaptcha component renders itself on the div with class .active-screen, as recommended by Outsystems:
The problem is that Outsystems itself is not appending a popup inside the div.active-screen:
We can see that the popup HTML element is outside the div.active-screen. As the component considers this selector to render the Recaptcha it doesn't find the element.
A workaround would be to remove this selector from the Recaptcha private block:
As I think that Outsystems will fix this behavior I wouldn't change the Forge version itself, but a local fix.
Dont forget to mark the post as solved if it helped your case, so it can help others.
Regards,
Leandro Oliveira
I'm attaching a working version of the Catpcha and Demo (both clones).
The only change was the mentioned one, to remove the .active-screen selector from querySelector:
For the id, it's the default to start with 0 and auto increments each time a recaptcha is loaded. It resets after a page load, this is Google's behavior. It can be seen in the example by opening and closing the popup for Invisible Recaptcha:
Hi Leandro,
I have the same issue with your version but at least works.
Do you think is because we are getting always the ID = 0 ?
Thanks, Paulo Torres
Someone?
I have created this idea to fix this bug:
https://www.outsystems.com/ideas/12712/append-popup-inside-active-screen/
I found this way and works but not perfect.
After login I have this error on console:
I'll check if works better with your solution and let you know.
Many thanks