Submission error in Brave browser

[fengtality]

When testing the v2 example in the Brave browser (https://brave.com/), the plugin throws an error upon submission rather than returning the Mailchimp response:

err Error: Timeout
    at index.js:63 

index.js is /node_modules/jsonp/index.js

[benjaminhoffman]

this is usually the result of:

• invalid or missing mailchimp endpoint
• captcha enabled
• ad blockers

can you confirm it's non of the above? thx

[fengtality]

This is definitely an issue with the Brave browser, which aggressively blocks external API calls as part of their ad blocking. Others have reported similar issues. https://community.brave.com/t/mailchimp-website-widget-unresponsive-to-submit-button/12788

We added some (hacky) JS to detect when the error occurs and tell users to change their Brave browser setting:

      if (err.message === 'Timeout') {
        this.setState({
          braveWarning: 'Looks like you are using Brave browser - please click the shield icon and toggle off "Ads and trackers blocked", then re-submit your email.'
        })
      }

[ghost]

This issue happens with firefox too, but if you embed the mailchimp form it doesnt have the issue

[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.

[jpvalery]

This is definitely an issue with the Brave browser, which aggressively blocks external API calls as part of their ad blocking. Others have reported similar issues. https://community.brave.com/t/mailchimp-website-widget-unresponsive-to-submit-button/12788

We added some (hacky) JS to detect when the error occurs and tell users to change their Brave browser setting:

      if (err.message === 'Timeout') {
        this.setState({
          braveWarning: 'Looks like you are using Brave browser - please click the shield icon and toggle off "Ads and trackers blocked", then re-submit your email.'
        })
      }

Hey @mifeng,

Where did you add this?

This could be easily changed into something generic like

      if (err.message === 'Timeout') {
        this.setState({
          warning: 'Looks like your browser is blocking this. Try to disable any tracker-blocking feature and resubmit.'
        })
      }

I feel this would be doing the trick for most of the users out there and avoid people leaving because it appears broken?

Thanks for your help!

[jpvalery]

@benjaminhoffman is this still on your radar?

[benjaminhoffman]

yes! so sorry. just been super swamped. let me see if i can get to it this weekend, but at worst, i will do before feb.

[jpvalery]

No worries, totally understand :) Let me know if I can be of any help

[ghost]

@benjaminhoffman did you check the calendar? :P

[benjaminhoffman]

@LittleHamster fastest way to get this solved is by opening a PR! :) will do my best to get to it but got a million other things going on too.

[ghost]

@benjaminhoffman yeah no worries, just wanted to follow up. I am not sure how I can help except the info I shared here https://github.com/benjaminhoffman/gatsby-plugin-mailchimp/issues/45

right now I am just embeding the code directly