hCaptcha/react-hcaptcha

hcaptcha shows out of screen on mobile

Opened this issue · 3 comments

developdeez commented

Not sure how to resolve this but I added it to mobile and can't see the captcha
image

brdlyptrs commented

Hi @developdeez can you provide a way to reproduce this?

kharithomas commented

@developdeez Sorry to hijack this thread but figured since I'm facing a similar issue on mobile - why not.

@brdlyptrs I have noticed, that on mobile the captcha button is not responsive. This is also an issue w/ reCAPTCHA but we could get around it by directly changing the CSS styles. See this ticket on google/recaptcha.

I know there is a compact prop we can use but due to it's styling I'd prefer to just slightly shrink the button. Is there a way to make the normal style responsive?

Here is a comparison of the mobile and table/desktop versions:

Inkedon-mobile

on-tablet-desktop

  • 👍1
brdlyptrs commented

Hi @kharithomas, this is required in order to maintain readability for all 110+ supported languages. I'll add it as a proposed feature though for the team to consider.