IE errors in Elementor when Contact Form 7 is Activated

  • Not sure this is a CF7 or Elementor issue, and this only happens in classic IE, Edge and Chrome work fine.

    Some Elementor objects no longer function when I activate Contact Form 7.

    Info from the console on page load…

    Contact Form 7 Activated:

    DOM7011: The code on this page disabled back and forward caching. For more information, see: https://go.microsoft.com/fwlink/?LinkID=291337
    security
    HTML1300: Navigation occurred.
    security
    SCRIPT5022: Exception thrown and not caught
    frontend-modules.min.js (2,12190)
    SCRIPT5009: ‘elementorModules’ is undefined
    frontend.min.js (2,51401)
    SCRIPT5009: ‘elementorModules’ is undefined
    frontend.min.js (2,35586)
    SEC7131: Security of a sandboxed iframe is potentially compromised by allowing script and same origin access.

    Contact Form 7 Not Activated:

    DOM7011: The code on this page disabled back and forward caching. For more information, see: https://go.microsoft.com/fwlink/?LinkID=291337
    security
    HTML1300: Navigation occurred.
    security

    • This topic was modified 4 years, 2 months ago by Big Kahuna.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter Big Kahuna

    (@kahuna900)

    Okay, I did a little more research and I found that if I disable the plugin’s reCAPTCHA Integration, the site works fine. If I enter a new Site Key and Secret Key it breaks the site again.

    For some reason the code inserted for the reCAPTCHA is breaking some of the Elementor features.

    Thread Starter Big Kahuna

    (@kahuna900)

    I narrowed it down a bit more…

    The error seems to be caused by the following line of code in “\plugins\contact-form-7\modules\recaptcha\recaptcha.php” on line 17.

    add_action( ‘wp_enqueue_scripts’, ‘wpcf7_recaptcha_enqueue_scripts’, 10, 0 );

    If I remove this code, all the Elementor problems go away.

    It also appears that if I setup reCAPTCHA Integration, I get an error every time I try to submit a form in iE.

    geoanderson

    (@geoanderson)

    Hi, did you ever get to a solution with this? I’m seeing these same errors in IE 11 with both Elementor and CF7 plugins installed and RECAPTCHA v3 activated for CF7. However, even deactivating RECAPTCHA doesn’t help me in removing the errors. If you managed to find a fix and could share with me you would be my hero.

    Thread Starter Big Kahuna

    (@kahuna900)

    For me, a recent update to CF7 fixed my issue.

    geoanderson

    (@geoanderson)

    Thanks for the reply. After more trial and error today I managed to sort out the issue by adding a polyfill for ES6 which has removed all JS errors and everything is working as expected in IE 11.

    I have a feeling this is more down to Elementor dropping support for IE 11 from version 3 onwards rather than Contact Form 7, but appreciate your comments above that helped me in my journey to getting this fixed ??

    @geoanderson what polyfill did you use? I tried a few and cant get rid of the error messages breaking my site.

    @rawk7000 I use this tool to generate polyfills:

    https://polyfill.io/v3/url-builder/

    On this occasion I just needed to select ES6 from the options and load it on the site and then it fixed the issues I was seeing.

    Hope it solves yours too.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘IE errors in Elementor when Contact Form 7 is Activated’ is closed to new replies.