Why isn't reCAPTCHA mobile responsive?

[Glynn Williams]

Dear Google

Since April you have been penalising websites that aren't mobile responsive for mobile searches, demanding they be such in order to retain their ranking - which is fair enough. But WHY is it then that reCAPTCHA is not mobile responsive?

As the image attached shows, when reCAPTCHA is viewed on a portrait iPhone 5, showing a page built using Foundation 5, the widget exceeds the space given.

As you have removed all customisation from version 2, can I ask that you at least add a third option for data-size? Currently you just have "compact" and "normal", I suggest adding a third of "fit". This would mean the widget scales to the surrounding DIV. So when inside a Foundation DIV, we could have:

<div class="row">
    <div class="small-12 medium-6 columns">
        <div class="g-recaptcha" data-sitekey="xxxxxxxxxxxxxxxxxxxxxx" data-size="fit"></div>
    </div>
    <div class="small-12 medium-6 columns">
        <input type="submit" class="button radius" value="SUBMIT" alt="Submit the form" />
    </div>
</div>

This would mean that when on a mobile it could be 100% the width of the screen and then 50% on a tablet and desktop. Allowing the widget to align beautifully with the above input boxes or text.

Surely this NEEDS to be added in order for sites to look good when built using a responsive framework as you request? As it stands, looking like there is something wrong with a page, I don't really want to use the widget.

Just a thought guys! You know you can easily add this. :-D

Cheers, G

[Shmuli Pinson]

+1

[Jay]

This post is now almost 3 months old and Google has not addressed this issue? Not cool Google-

[Sam Tsai]

I agree with more flexibility on the UI of reCAPTCHA widget. In addition to the widget itself, I've had some trouble with the actual challenge popup. Have any of you experienced this and are there ways for us to style or at least set parameters on how the challenge loads/appears? I have other issues that I need to deal with in our context, using reCAPTCHA in a modal, but these are generally our problem not an issue with Google reCAPTCHA.

[Glynn Williams]

I found this article, which will help in the mean time:

how-to-resize-the-google-nocaptcha-recaptcha

I agree with the others though, why has there been no reply by Google? Will there be a responsive version of their widget?

G