hcaptcha shows out of screen on mobile

[developdeez]

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

[brdlyptrs]

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

[kharithomas]

@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:

[brdlyptrs]

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.

[harrisonlin0217]

@brdlyptrs
Any updates coming?

[krys-codes]

Im just wondering how to fix this:

On desktop and tablets everything is fine but when Im on mobile it shows something like this..

[e271828-]

On desktop and tablets everything is fine but when Im on mobile it shows something like this..

do you have a minimal repro or any more details? is it consistent, or random?

[krys-codes]

okie, so I've created a blank project with hCaptcha and it renders fine - my CSS must be breaking it somehow..