Firefox blocks submission

[ghost]

If you test with firefox, it is blocking the submissions because of tracking issues

[ghost]

any updates on this @benjaminhoffman ?

[benjaminhoffman]

no updates. im not sure what you want me to do? you'll have to provide more context -- what was the error you saw? can you setup a repro for me to play with? is this ad blocker or something else? what do you imagine the fix would be. ...info like this makes it easier for me to find an answer.

[ghost]

hi @benjaminhoffman
The settings are all default settings. If you use firefox, you are not able to submit the form and this is the error you get in the console.

The resource at “...us7.list-manage.com/subscribe/post-json?....&c=__jp0” was blocked because content blocking is enabled.

and also a time out

err Error: "Timeout"

so the content blocking is enabled by default in Firefox.

If you embed the mailchimp code directly, you wont have an issue even with content blocking enabled. A fix would allow submission even if the content blocking is enabled.

thanks

[Okelm]

@littlehamster I was able to fix it by changing from Custom to Standard:

[benjaminhoffman]

Here's the issue as I understand it (@littlehamster, and all others who have written in)... the browsers have a handful of tools to protect user's privacy -- ad blockers, content blocking, etc.

Furthermore, Mailchimp does not allow us to easily embed the MC code directly -- otherwise, I believe I would have implemented it that way from the start.

I may be mistaken though! The above is written from memory / experience from last year when I first wrote the plugin. Has something changed?

Anyone, if a website visitor uses a browser that protects their privacy in the way firefox does, I think we are shit out of luck as they say here.

Many people have written in with this issue but no one has presented a viable solution... I'm all ears! thx.

[ghost]

@benjaminhoffman
MailChimp has this embed option:

if you use this code directly, then everything works fine even in firefox.

my suggestion would be trying to use the embedded code (just bare bone structure, no need for embedded css and js) and customize it a little bit? @benjaminhoffman let me know what you think

[benjaminhoffman]

hmmmm yeah, we could completely rebuild this plugin from scratch to use the embed code but at that point, why not simply tell folks to embed the form themselves and customize from there. im sure there is a better workaround as well.

but more importantly, this is open source software and i don't have much time to dedicate to a project like this. if folks want to contribute, im happy to give my thoughts and help open / review PRs.... but completely rebuilding the plugin may be more than i can manage right now.

ill look around for a simpler workaround and/or open to hearing what others think!

[benjaminhoffman]

I've consolidated a few issues, including this one, into #48. If someone wants to open a PR of @mifeng's (temporary) solution, that would be helpful! If not, I'm happy to do so within a month or so.

[Quinncuatro]

Has this been addressed yet? I'm having a similar issue.

Unless this shouldn't work when in development mode?

[ignasbol]

Any update on this? @benjaminhoffman

[Quinncuatro]

@ignasbol - I just decided to not use this package and use a vanilla-ish form.

<form
        action=`${YourMailchimpURL}`
        method="post"
        id="mc-embedded-subscribe-form"
        name="mc-embedded-subscribe-form"
        className="relative flex justify-center w-full mx-auto"
        target="_blank"
        >
        <div className="w-full">
            <div className="relative flex flex-col m-auto flex-nowrap sm:flex-row">
            <input
                type="email"
                autoComplete="email"
                name="EMAIL"
                className="relative z-10 w-full min-w-0 px-4 py-3 mb-2 mr-2 font-semibold tracking-wide placeholder-gray-500 bg-white border-2 border-solid rounded-lg text-textBlack border-peppermint"
                id="mce-EMAIL"
                aria-label="Email Address"
                placeholder="Email"
                required
            />
            <div
                style={{ position: "absolute", left: "-5000px" }}
                aria-hidden="true"
            >
                <input
                type="text"
                name="b_4ac5129c0337bf44580e1f2b5_b438fc41d3"
                tabIndex={-1}
                defaultValue
                />
            </div>
            <br/><br/>
            <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" /></div>
            </div>
        </div>
        <div id="mce-responses" className="">
            <div
            className=""
            id="mce-error-response"
            style={{ display: "none" }}
            />
            <div
            className=""
            id="mce-success-response"
            style={{ display: "none" }}
            />
        </div>
    </form>

[benjaminhoffman]

@ignasbol @Quinncuatro your PRs are welcome for a solution to this problem. ping me here when it's ready and I'll review. thx.

[benjaminhoffman]

im closing this issue in favor of #48

please comment there.