topic Re: collectedforms js is not compatible with IE11 in APIs & Integrations

collectedforms js is not compatible with IE11

ianpetzer — Fri, 27 Sep 2019 10:33:00 GMT

Hi,

We are using hubspot collectedforms on https:://www.timbuktutravel.com and we are pulling in https://js.hs-scripts.com/2372177.js which then pulls in https://js.hscollectedforms.net/collectedforms-b.js

UNfortunately this script is using forEach which is causing errors on IE11 and logging the following to the console:

SCRIPT438: Object doesn't support property or method 'forEach'

File: collectedforms-b.js, Line: 1, Column: 31512

IE11 is on your list of supported browsers so is it possible to change this so that it doesn't use forEach or can you transpile your script with IE 11 as a compatability target?

Thanks,

Ian

Re: collectedforms js is not compatible with IE11

WendyGoh — Mon, 30 Sep 2019 01:53:49 GMT

Hi @ianpetzer,

I hope all is well with you 😄

It looks like this error was caused by a new feature that we have added to the collected forms that listens to the page for forms rendered after page load and it was limited to IE11. That said, our team has pushed a fixed for this and on my end I'm able to confirm this as when looking into the console log of this page http://www.timbuktutravel.com/ on a IE11 browser, I'm not seeing any script438 error:

Hope this helps!

Re: collectedforms js is not compatible with IE11

ianpetzer — Mon, 30 Sep 2019 08:22:06 GMT

Hi @WendyGoh ,

this is great news. So are you saying dynamic forms rendered by a single page application can now be "collected" through collected forms?

We have a workaround where we've included a fake form in the Server side rendered response and then do a fake submit on that in order to trigger collected forms whenever someone submitted one of our real forms which are dynamically rendered. It would be great if this was no longer needed

How can we get notifications on updates like this?

Re: collectedforms js is not compatible with IE11

WendyGoh — Tue, 01 Oct 2019 01:30:26 GMT

Hi @ianpetzer,

Pardon for the confusion. While currently HubSpot supported collected forms uses the ID to identify each form and if a form has a dynamic ID then it'll be pick up as different forms. As mentioned by Tom here: Collected Forms for Dynamic Form ID. You shouldn't be seeing the script 438 error on IE11 browser.

Additionally, you can keep a look up for product updates here: HubSpot Product Updates.

Re: collectedforms js is not compatible with IE11

ianpetzer — Tue, 01 Oct 2019 06:58:51 GMT

Hi @WendyGoh ,

So just to confirm, Hubspot collected forms is still unable to bind to forms created dynamically after the page loads? For example any forms created in a client side rendered application / single page application.

That is what your doucmentation says here: https://knowledge.hubspot.com/articles/kcs_article/forms/use-non-hubspot-forms

...ie: Hubspot will not capture events if "Form was introduced after the page completed loading. The tool scans the page as soon as it loads and listens to submissions on forms that were present at that point."

Thanks for fixing the IE11 issue.

Re: collectedforms js is not compatible with IE11

WendyGoh — Thu, 03 Oct 2019 01:25:54 GMT

Hi @ianpetzer,

That's right! We are still unable to do so and I'd suggest for you to subscribe to both this HubSpot Product Updates and HubSpot Developer Changelog to keep track of our product updates.