Window Scrolls to top when the captcha verifcation pop up is loaded

2,545 views
Skip to first unread message

Swapnil Daga

unread,
Feb 25, 2015, 12:41:13 PM2/25/15
to reca...@googlegroups.com
Hello, 

I have no captcha recaptcha control at the bottom of the page. Whenever pops up a verification window asking to enter captcha text, the page scrolls to the top which is annoying. 
I have to scroll to the bottom again to enter the captcha text and then click on verify button. Is there a way to avoid page from scrolling when the verfication pop up shows up ?





Regards, 
Swapnil

Travis Lawrie

unread,
Feb 25, 2015, 12:46:30 PM2/25/15
to reca...@googlegroups.com
mine only seemed to do that when pictures showed up and not words. I think it might have been because I had the chrome developer console open, but i'm not sure, because it's hard get pictures to come up

--
You received this message because you are subscribed to the Google Groups "reCAPTCHA" group.
To unsubscribe from this group and stop receiving emails from it, send an email to recaptcha+...@googlegroups.com.
To post to this group, send email to reca...@googlegroups.com.
Visit this group at http://groups.google.com/group/recaptcha.
For more options, visit https://groups.google.com/d/optout.

Swapnil Daga

unread,
Feb 25, 2015, 1:29:34 PM2/25/15
to reca...@googlegroups.com
It happens every time the verification window pops up irrespective of image or text.
I dont think it has anything to do wih developer console.

Swapnil

--
You received this message because you are subscribed to a topic in the Google Groups "reCAPTCHA" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/recaptcha/AhAngBeuZDY/unsubscribe.
To unsubscribe from this group and all its topics, send an email to recaptcha+...@googlegroups.com.

To post to this group, send email to reca...@googlegroups.com.
Visit this group at http://groups.google.com/group/recaptcha.
For more options, visit https://groups.google.com/d/optout.



--
Thanks and Regards
Swapnil Daga

 

Travis Lawrie

unread,
Feb 25, 2015, 4:15:18 PM2/25/15
to reca...@googlegroups.com
What does your recpatcha client UI code look like?

Swapnil Daga

unread,
Feb 26, 2015, 3:13:22 AM2/26/15
to reca...@googlegroups.com

 <div>
    <div class="g-recaptcha" data-sitekey="recaptchaPublicKey"></div>
 </div>

Thats it! this div is placed just before the submit button on page.

Regards, 
Swapnil

Mark E

unread,
May 6, 2015, 4:29:21 PM5/6/15
to reca...@googlegroups.com
I am experiencing this same behavior in IE 11. My HTML is equally trivial:

<div id="captchaSec" class="form-group has-feedback">
     
<div id="captchaContainer" ></div>
</div>

The form does process input correctly, however it requires the user to scroll back to the control.

Geoffrey Hughes

unread,
Jun 12, 2015, 1:02:06 AM6/12/15
to reca...@googlegroups.com
Did you ever get the scrolling to the top resolved? I'm seeing the same behaviour using v2.0 of the API.

Swapnil Daga

unread,
Jun 12, 2015, 1:35:07 AM6/12/15
to reca...@googlegroups.com

Nope.the issue still persists. Waiting for a solution from recaptcha team.

On 12 Jun 2015 10:32, "Geoffrey Hughes" <webservices...@otago.ac.nz> wrote:
Did you ever get the scrolling to the top resolved? I'm seeing the same behaviour using v2.0 of the API.

--

Robert Dyson

unread,
Jun 12, 2015, 7:23:34 AM6/12/15
to reca...@googlegroups.com
The same thing is happening to me. I'm adding it to a bootstrap site. Please let us know if you receive a response.

Uwe Kamper

unread,
Jun 12, 2015, 7:45:34 AM6/12/15
to reca...@googlegroups.com
Hello!

ReCaptcha 2.0 is showing the same behaviour for me (scrolling to the top of the page whenever the image verification popup is displayed). The scrolling to the top
happens shortly after the user clicks the checkbox.

Here is a full HTML example (based on of of Google's own examples for recaptcha) that shows the same behaviour:


I tested this example in Chrome Version 43.0.2357.124 and in Firefox Version 38.0.5. Both browser show the same behaviour.

This bug seems to be introduced just a few days ago and is extremely annoying to our users.


Regards,
Uwe Kamper

Geoffrey Hughes

unread,
Jun 12, 2015, 10:52:34 PM6/12/15
to reca...@googlegroups.com
After further testing today, the recaptcha appears to no longer scroll the page to the top for me now.

Recaptcha Captcha

unread,
Jun 12, 2015, 11:30:07 PM6/12/15
to reCAPTCHA
Thanks for all your reports! We've fixed the issue on our side and please continue to let us know if you see any issues!

ReCAPTCHA support

On Fri, Jun 12, 2015 at 7:52 PM, Geoffrey Hughes <webservices...@otago.ac.nz> wrote:
After further testing today, the recaptcha appears to no longer scroll the page to the top for me now.

--
You received this message because you are subscribed to the Google Groups "reCAPTCHA" group.
To unsubscribe from this group and stop receiving emails from it, send an email to recaptcha+...@googlegroups.com.

To post to this group, send email to reca...@googlegroups.com.
Visit this group at http://groups.google.com/group/recaptcha.
For more options, visit https://groups.google.com/d/optout.



--
reCAPTCHA: stop spam, read books
http://www.google.com/recaptcha

Robert Dyson

unread,
Jun 13, 2015, 1:38:28 AM6/13/15
to reca...@googlegroups.com
That was a quick response! All sorted for me too. 

Thank you for the support!


Swapnil Daga

unread,
Jun 13, 2015, 2:25:29 AM6/13/15
to reca...@googlegroups.com

Thanks.. Its solved for me too !!

On 13 Jun 2015 11:08, "Robert Dyson" <rob...@dysonit.com> wrote:
That was a quick response! All sorted for me too. 

Thank you for the support!


--
You received this message because you are subscribed to a topic in the Google Groups "reCAPTCHA" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/recaptcha/AhAngBeuZDY/unsubscribe.
To unsubscribe from this group and all its topics, send an email to recaptcha+...@googlegroups.com.

Tomasz Małysz

unread,
Jun 15, 2015, 4:14:36 AM6/15/15
to reca...@googlegroups.com
Hi! I also have a reCaptcha (api v2) on bottom of the page - it still does scroll to the top of the page on Internet Explorer 11 and on WP8 browser. It doesn't scroll on other browsers (Chrome, FF) though. Could you look on that issue please?

Thad Dahlberg

unread,
Jun 16, 2015, 9:47:39 AM6/16/15
to reca...@googlegroups.com
Like Tomasz Małysz I am still having the issue where window scrolls to the top of the page after clicking the "I'm not a robot" in IE11 (btw using a contraction should really throw those robots off the scent all on its own). Everything seems to function in Chrome/Firefox/Safari. I have been hesitant to comment on it before because of the way I load in my scripts and form. I load it all in asynchronously using a jquery ui pop-up to lighten the page weight. Here is a a link to a sample page. The "Contact Thad" button on the left and the "Website Feedback" button on the bottom both will dynamically load a form with recaptcha. Make sure to scroll the page down to see the scroll to top effect. It may be hard to view the scripts that load in dynamically, but I can provide them if anyone is interested. Its a bit of a twisted web of asynchronous loads and callbacks. Thanks for any help! I ask with full realization that the complexity of how I am using this may be the issue.

Thad

Robert Everett

unread,
Jun 26, 2015, 9:55:18 AM6/26/15
to reca...@googlegroups.com
I get this issue in all desktop browsers.

Daniel Kuroski

unread,
Aug 4, 2015, 12:53:59 PM8/4/15
to reCAPTCHA
I have a one page website, and there is a contact form at the bottom, and the window scroll to top every time the verification windows pops up.

Henrik Gustav

unread,
Sep 18, 2015, 6:34:09 AM9/18/15
to reCAPTCHA

I still get this error. It's September now
Message has been deleted

Ayyaz Zafar

unread,
Nov 1, 2015, 7:26:50 PM11/1/15
to reCAPTCHA
It's 2nd November now and Issue is still there.
Please help. Why does this issue happen?

pradeep g

unread,
Dec 16, 2015, 5:21:01 AM12/16/15
to reCAPTCHA
I still face same issue. How do i fix it.

khali....@gmail.com

unread,
Feb 3, 2016, 9:47:32 AM2/3/16
to reCAPTCHA
You get this issue because the height of html tag is set to 100%  
try to override this by adding in a css file this code:
html {
   height:auto !important;

Chetan Satasiya

unread,
Dec 22, 2016, 7:50:31 AM12/22/16
to reCAPTCHA
Hi Folks,

I have added below code in my CSS file but I am not getting the solution.

html {height:auto !important;}

Is there anyway I can fix the issue?


On Wednesday, February 25, 2015 at 11:11:13 PM UTC+5:30, Swapnil Daga wrote:
Reply all
Reply to author
Forward
0 new messages