[Plugin: MailChimp List Subscribe Form] Upon "submit," browser window shifts dramatically

Hey Mike!

Would you mind sending us a link to your site to have a peek at things?

Cheers

Sure. https://www.kindredroad.com. Right sidebar, second widget from the top.

You’ll probably need to actually sign up for the mailing list to test things, but if you don’t confirm the subscription, you should remain off the list. But I suppose I don’t need to tell you that!

Thanks!

Mike

Hey Michael!

When I looked earlier, it seemed that the width of the page was doing something weird and allowed room to scroll to the right (even though there was no content). I was able to replicate that behavior then.

However, now it seems that issue has cleared up and the page is displaying without the additional space to the right. When the form submits now, it looks like everything is cool.

Can you confirm you’re seeing the same thing on your end as well?

Cheers

Thanks for checking on things.

I’m still experiencing the problem in the same way, unfortunately.

Two things:

1.) I have no idea what is causing my page to show extra space on the right hand side. I will look into this issue (never noticed it before).

2.) Does the MailChimp plugin/widget default to moving the window all the way to the right? If so, why?

Again, thanks for your help. Much appreciated!

Mike

Quick update on #1:

My home page and other “pages” show the extra space, but “posts” do not. As I stated before, I will try to resolve this issue.

As for #2, that’s all you ??

Mike

Hey again, Michael!

So, the idea is that once the form is submitted, there’s some javascript that scrolls to the “success” or “error” message to make it visible to the subscriber. If the width of the page doesn’t necessitate scrolling, it will just take them back to the top of the form where the error message is with no right/left scrolling. However, if there is extra room, the plugin will try to put the message in the top left corner of the browser.

There is a way to “fix” this (or rather, break it in such a way that it doesn’t scroll ?? ), but it will produce a javascript error on the page. Removing the “scrollTo.js” from the plugin directory will cause things not to move around, at all.

However, this will cause a validation error, as it won’t be able to pull up that js file (because it no longer exists in that directory).

While it might be possible to prevent MailChimp from even calling that file, that goes a little further down the rabbit hole than we’ll be able to support.

Let us know if we can help with anything else!

Cheers

Wow–brilliant detail! Thanks much!

As it seems, my best bet is to figure out the mysterious “extra width” and correct it on my end, I guess. (I should probably do that anyway!)

Thanks so much for your help, Nate (assuming that’s your name ?? )

Mike

Haha… totally. ??

Glad to help!

Nate,

I added the following CSS to my theme, which got rid of the phantom window resizing on pages:

#content { overflow: hidden; }

Perhaps that CSS can help someone else out as well (a pretty simple fix).

I’m closing the thread. Thanks again!

Mike

BOOM! Glad to hear it. ??

DP

have a similar problem here:

here

Tryed everything including what u guys did in this threat

Have now deleted the scrollTo.js file.. but it still moves upon submit?

im lost

got it to work

changed the id #mc_signup to test

<div id="test">
	<form method="post" action="#mc_signup" id="mc_signup_form">
		<input type="hidden" id="mc_submit_type" name="mc_submit_type" value="html"/>
		<input type="hidden" name="mcsf_action" value="mc_submit_signup_form" />
		<?php wp_nonce_field('mc_submit_signup_form', '_mc_submit_signup_form_nonce', false); ?>

Hi, I’m experiencing the same thing when you press SUBMIT, the page shifts downward to the top of the Success message. How was this resolved?

Ok, got it…Thanks flyveren!