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   5619 Views

Avatar
_Vince

8 June 2010 at 11:09am (Last edited: 8 June 2010 11:13am), Community Member, 161 Posts

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

12 August 2010 at 10:55am Community Member, 10 Posts

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

26 September 2010 at 1:46am Community Member, 50 Posts

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

7 October 2010 at 11:54pm Community Member, 161 Posts

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

10 December 2010 at 4:42am (Last edited: 11 December 2010 6:32am), Community Member, 1 Post

Add the below css on the captcha page

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

Avatar
_Vince

12 December 2010 at 9:29am Community Member, 161 Posts

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

19 February 2013 at 1:42am Community Member, 1 Post

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