ReCaptcha V2 API not responsive

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Place recaptcha in any sidebar less than 300px

What is the expected output? What do you see instead?
Expect that either API allows custom theme or use fluid css styling

The iframe elements have fixed pixel widths and do not wrap which are forced to 
overflow outside of the parent container, often off-the-page or outside of view 
thus effecting the "human" experience or ability to effectively use the 
recaptcha verification in the first place.

What version of the product are you using? On what operating system?
V2, any browser

Please provide any additional information below.
see fiddle from this thread - 
http://stackoverflow.com/questions/27713505/recaptcha-api-v2-styling

Original issue reported on code.google.com by pingram3...@gmail.com on 20 Feb 2015 at 8:20

[GoogleCodeExporter]

please please please fix this... 

Original comment by ar...@compostmarketing.com on 29 Apr 2015 at 9:21

[GoogleCodeExporter]

This not being responsive in a time where Google is punishing for not have a 
fully responsive site, is really surprising :(

Original comment by secondle...@gmail.com on 12 May 2015 at 1:58

[GoogleCodeExporter]

Well said "secondle...@gmail.com". Waiting for a solution, i had to add a 
scroll to the reCaptcha's container. Not so good as a solution but it's a 
necessary evil.

Original comment by code.spa...@gmail.com on 13 May 2015 at 2:03

Attachments:

• recaptcha_1.jpg

[GoogleCodeExporter]

A temporary solution might be:

transform: scale(0.85);
transform-origin: left top;

Original comment by woutercl...@gmail.com on 22 May 2015 at 7:49

[GoogleCodeExporter]

Thanks woutercl...@gmail.com. It works like a charm ;)

Original comment by code.spa...@gmail.com on 26 May 2015 at 12:51

[GoogleCodeExporter]

Thank you Woutercl!

Original comment by Luca.Car...@gmail.com on 26 May 2015 at 9:21

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

fix it asap plz

Original comment by surfmil...@gmail.com on 5 Jun 2015 at 12:09

[GoogleCodeExporter]

fix it asap bagaj

Original comment by gabriele...@gmail.com on 5 Jun 2015 at 1:16

[GoogleCodeExporter]

fix it rapidly! It is not possible to have this problem yet!

Original comment by alessand...@gmail.com on 5 Jun 2015 at 2:34

[GoogleCodeExporter]

What about the popup verification, where the user has to select some images. 
How would one go about resizing (scaling) that to fit it into a custom, smaller 
screen?

The CSS 'transform' attribute worked great for the initial checkbox, but not 
for the additional validation. 

Original comment by johannes...@smarttech.com on 11 Jun 2015 at 7:10

[GoogleCodeExporter]

yes css works only for initial checkbox, so we don't like use it. google must 
fix it asap to make it fully responsive.

Original comment by surfmil...@gmail.com on 13 Jun 2015 at 7:20

[GoogleCodeExporter]

Needs to be responsive, it doesn't fit in the mobile version of most forms!

Original comment by t...@brandfour.com on 17 Jun 2015 at 8:39