WordPress.org

Support

Support » Plugins and Hacks » MailChimp List Subscribe Form » [Plugin: MailChimp List Subscribe Form] Upon "submit," browser window shifts dramatically

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

  • Greetings MailChimp plugin creators/users!

    I just switched over to MailChimp as my email provider, so I went looking for a solid WP plugin to help create a solid sidebar widget. I chose this plugin. It seems to work well. However…

    Whenever a user clicks the “submit” button for the form, the browser window shifts dramatically to the right…and then displays the success or failure message, whichever is appropriate. It’s like MailChimp wants to center the success / failure message in the middle of my browser window for some reason.

    As you probably would expect, I would prefer to just have the widget behave nicely in my sidebar and not readust my window’s location. Besides that, everything seems to work nicely.

    What’s up with the shifting I’m experiencing?

    Mike

    P.S. I’ve tried all three major browsers, all yielding the same results.

    http://wordpress.org/extend/plugins/mailchimp/

Viewing 15 replies - 1 through 15 (of 15 total)
  • Plugin Author mc_nate

    @mc_nate

    Hey Mike!

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

    Cheers

    Sure. http://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

    Plugin Author mc_nate

    @mc_nate

    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

    Plugin Author mc_nate

    @mc_nate

    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

    Plugin Author mc_nate

    @mc_nate

    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

    Plugin Author mc_nate

    @mc_nate

    BOOM! Glad to hear it. 🙂

    flyveren

    @flyveren

    DP

    flyveren

    @flyveren

    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

    flyveren

    @flyveren

    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); ?>
    corkcork

    @corkcork

    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?

    corkcork

    @corkcork

    Ok, got it…Thanks flyveren!

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘[Plugin: MailChimp List Subscribe Form] Upon "submit," browser window shifts dramatically’ is closed to new replies.
Skip to toolbar