The captcha error message is truncated

[SammiJC]

Issue description When you validate the captcha and leave it to expire the error message appears truncated

Environment Live and Development environment

• OS name and version: Windows 10
• Browser name and version: Chrome Version 69.0.3497.92

Reproducing the issue https://anuas.associationadmin.org/ContactUs/index/portal/organization

User steps

1. Click on link
2. Check: I am not a robot
3. Switch the tab so the website is not visible
4. When you go back to the inactive page the captcha error will be truncated

[umeshpatadiya]

Getting same issue :(

[OlegKozlovskui]

Could you please fix this issue?

[abenjamin765]

+1

[haaayden]

+1 still an issue

[susingh]

+1 this is still an issue, could we please fix this?

[Yaolegol]

still

[milix2019]

any fix for this yet?

[qiqqq]

+1

[milix2019]

I had this issue when it expires and give that error message. I did a workaround but still is not the best solution. I have added the onExpired function and when it fires, I increased the height like so. Hope it helps anyone out there.

<ReCAPTCHA onExpired={() => this.onExpired()} ref={this.recaptchaRef} />

onExpired() { // I am refering to the ReCAPTCHA iframe const frameElement = document.getElementsByTagName('iframe'); if (frameElement && frameElement[0]) { setTimeout(() => { frameElement[0].height = 100; }, 500); } }

[rowan-m]

Closing old issues that are not related to the PHP client code.