ReCaptcha V2 API not responsive

azerila / recaptcha

Automatically exported from code.google.com/p/recaptcha

0 stars 0 forks source link

ReCaptcha V2 API not responsive #215

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago

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 commented 9 years ago

please please please fix this...

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

GoogleCodeExporter commented 9 years ago

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 commented 9 years ago

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 commented 9 years ago

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 commented 9 years ago

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

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

GoogleCodeExporter commented 9 years ago

Thank you Woutercl!

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

GoogleCodeExporter commented 9 years ago

[deleted comment]

GoogleCodeExporter commented 9 years ago

fix it asap plz

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

GoogleCodeExporter commented 9 years ago

fix it asap bagaj

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

GoogleCodeExporter commented 9 years ago

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