react-google-recaptcha Need to detect "onHide" when running in "insivible" mode

Nice component! We just have one annoying edge case. When the re-captcha overlay challenge appears (running in invisible mode), and the user just clicks "outside" of the recaptcha challenge-box, the whole overlay will just hide.

Unfortunately, no function like "onChange" is fired in this case - making it impossible for us to detect this particular edge-case. Imagine that we want to handle a form-loading state, preventing people from multi-submitting. We can implement it perfectly with all cases, except this special one - as the hide-overlay action from the user is done "behind the curtains" - the form stays in the locking loading state when the user simply clicks away recaptcha :-/

Jun 05 '18 13:06 rvetere

@rvetere does the original Google captcha have an event? Otherwise I can't do much.

Jun 05 '18 21:06 dozoisch

I need that too.

:(

Jul 13 '18 18:07 luanfonceca

@luanfonceca as said, is this something the original Google ReCaptcha library supports? This is merely a wrapper around the Google library, and I can't add support for things that don't exist upstream.

Jul 13 '18 18:07 dozoisch

I looked over the google documentation about it and seems that they don't support it. I can think on some workaround for this but none of them looks good to me...

Something like if the user click outside of this component we consider that its hidden, but thats not a solution, right?

Jul 13 '18 18:07 luanfonceca

For me, this worked fine: https://stackoverflow.com/a/44984658/1530565

Jul 13 '18 19:07 luanfonceca

@luanfonceca if you are willing to do a PR it would be much appreciated :)

Jul 13 '18 19:07 dozoisch

How have you implemented the work around in react?