Forms rendered by the HubSpot form embed codes are updating.Two changes will be occurring. Most accounts and forms should not expect to have any issues.
What's changing?
We're updating our form embed to use a more recent version of React. The data-reach-id attribute that appears on DOM elements will be going away. Most developers do not target this ID with JavaScript or CSS and should not see an issue, but out of an abundance of empathy and transparency we are letting everyone know ahead of time.
Additionally our forms embed script will no longer attach internal dependencies to the window.hubspot,window.hbspt, window.HSFR properties. While these dependencies were required for the internal functionality of HubSpot forms, their attachment to a window property made them available for other scripts on the page. In the unlikely event your code relied on these dependencies, you will need to update any form related custom code to rely on their own dependencies.
These changes do not require someone to update the embed code snippet already used on their pages.
When is this happening?
These changes will be going into effect on October 18th, 2022. If you are relying on the data-react-id or internal dependencies you will want to make your changes before then.
Questions or comments? post below.
Edit 7/25/2022 - added clarification around the window.hbspt property.
There isn't a way to test right now. The jist though is, if you followed what's in the documentation, you're fine. You're basically just affected if you specifically wrote custom code that relied on data-react-id, or wrote custom code relying on undocumented window object data. The vast majority of developers would not rely on the window object data, as it was undocumented, and you needed to know that data was there.
Hey jmlcaren, Just a quick question for you about this. Does this change also apply to the window.hbspt property? I'm relying on that dependency for some functionality. Thanks!
.png "HubSpot Employee"){kind=icon}
