Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

Form Questions /

Problem with Recaptcha and Google Chrome


Reply


7 Posts   5772 Views

Avatar
_Vince

Community Member, 162 Posts

8 June 2010 at 11:09am

Edited: 08/06/2010 11:13am

I've been trying to understand this problem for the past couple of days.

Basically, I have a contact form created with the userforms module.

I have a recaptcha on it. It works fine on everything except Google Chrome, where it creates a gap under the recaptcha and breaks the design.

When I look at it with Chrome's Developer Tools, I see that the Recaptcha has created an empty iFrame (src=about:blank) and when I remove the iFrame using the "delete this node" option, it fixes the design. I can't see the empty iFrame when I look at the page source and Firebug doesn't see it either.

So I don't know if it's a Chrome problem, a recaptcha problem or a SilverStripe problem since I did use the userforms module. I can't find any mention of it on Google either. I can't even understand why it needs an iframe. There's a google map on the same page, which DOES run in an iFrame but removing the map doesn't change anything.

Has anyone had this problem before? Any suggestions?

Avatar
fabilo

Community Member, 10 Posts

12 August 2010 at 10:55am

I can confirm this also. Only in Chrome. My thoughts are it could have something to with Google buying recaptcha and injecting code via it's browser. Know idea why though.

Avatar
web2works

Community Member, 50 Posts

26 September 2010 at 1:46am

Hi, I'm trying to get the recaptcha working on my Form. Would you be able to post of the example of the coe you have used to get this to work. I am still not getting anywhere. Thanks if you can Ben

Avatar
_Vince

Community Member, 162 Posts

7 October 2010 at 11:54pm

Sorry, in the end I just decided to live with it as Chrome is a bit of a minority browser and the customer was in a hurry. It's on the pile of stuff to do on a rainy day. :P

Avatar
You

Community Member, 1 Post

10 December 2010 at 4:42am

Edited: 11/12/2010 6:32am

Add the below css on the captcha page

<style>
iframe {
   display:none
}
</style>

Avatar
_Vince

Community Member, 162 Posts

12 December 2010 at 9:29am

Hey, thanks! That *KIND OF* works, because I have two iframes on the same page (one's created by a Google map)

Your solution would normally work but, in my case, it knocks out both iFrames.

But it sounds like a big step in the right direction. Thank you very much! :)

Avatar
agneya

Community Member, 1 Post

19 February 2013 at 1:42am

Hi I have also this issue, now I have resolved by following the link below

https://groups.google.com/forum/?fromgroups=#!topic/recaptcha/ZwaZMwTjfFE

hope this helps to you all :)

Thanks & Regards,
Agneya