collectedforms js is not compatible with IE11

SOLVE
Highlighted
Regular Contributor

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

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Community Manager

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:

error.png

 

Hope this helps!

Reply
0 Upvotes
5 Replies 5
Community Manager

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:

error.png

 

Hope this helps!

Reply
0 Upvotes
Regular Contributor

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?

 

 

Reply
0 Upvotes
Community Manager

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.

Reply
0 Upvotes
Regular Contributor

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.

 

 

Reply
0 Upvotes
Community Manager

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.

 

Reply
0 Upvotes