afelipe270891 / recaptcha

Automatically exported from code.google.com/p/recaptcha
0 stars 0 forks source link

ReCaptcha V2 API not responsive #215

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 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 8 years ago
please please please fix this... 

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

GoogleCodeExporter commented 8 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 8 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:

GoogleCodeExporter commented 8 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 8 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 8 years ago
Thank you Woutercl!

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

GoogleCodeExporter commented 8 years ago
[deleted comment]
GoogleCodeExporter commented 8 years ago
fix it asap plz

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

GoogleCodeExporter commented 8 years ago
fix it asap bagaj

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

GoogleCodeExporter commented 8 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

GoogleCodeExporter commented 8 years ago
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 commented 8 years ago
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 commented 8 years ago
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