topic Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers in APIs & Integrations

Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

AndrewHo — Mon, 18 Jan 2021 11:56:07 GMT

When embedding a Hubspot form in a website, Chrome is showing the following issues in Devtools:

Refused to frame app.hubspot.com because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self'".

I tried several changes to my own site's Content Security Policy however I am sure this is because the Content-Security-Policy-Report-Only is incorrectly configures on the domain app.hubspot.com where this is the directive:

frame-ancestors 'self'; report-uri ...

As far as I understand how frame-ancestors works, this directive is basically saying that only app.hubspot.com can use the reporting API? However the idea of the Reporting API is that clients send their issues to it when an error or issues occrurs in their browser. Hence I believe the correct change to remove these errors in clients browsers would be to remove the frame-ancestorsdirective.

More information is available here: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy-Report-Only

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

dennisedson — Tue, 19 Jan 2021 18:25:19 GMT

Hey @AndrewHo

Welcome to the Community!

Could you send a link to where the form is embedded so we can take a look?

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

toscanabike — Fri, 29 Jan 2021 18:50:12 GMT

I also have the same error, plus I cannot see the form properly in mobile... if someone can help, it would be very appreciated. The link is https://toscanabike.it/escursioni_mtb/da-lucca-a-viareggio-in-mountain-bike-nuova-variante/

thanx

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

dennisedson — Mon, 01 Feb 2021 18:07:34 GMT

Hi @toscanabike ,

I am seeing an error on your site, but it is not the same.

It is Uncaught TypeError: hbspt.forms.create is not a function

@LisbethN asked the same question here.

I would look at the steps in that post to see if that helps out.

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

FFraga — Thu, 11 Feb 2021 15:04:23 GMT

Hi, I'm having the same issue. Page: https://www.kaimaging.com/medical-solutions/reveal-35c-medical/

Content Security Policy of your site blocks some resources because their origin is not included in the content security policy header

How's the best way to solve this?

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

GCiampa — Thu, 11 Feb 2021 15:30:45 GMT

I am having this same issue! Has anyone managed to resolve it?

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

dennisedson — Fri, 12 Feb 2021 15:45:54 GMT

The best bet would be work with your site admin to update the content security policy

Here is some documentation on it.

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

tinyfly — Thu, 18 Feb 2021 17:50:07 GMT

The original poster is correct, this needs to be handled by Hubspot. The frame-ancestors content security policy setting is on Hubspot's side to change. In Hubspot's CSP for `https://app.hubspot.com/` frame-ancestors is set to 'self'. This means that `https://app.hubspot.com` is only allowed to be loaded on app.hubspot.com itself and not in an iframe on any other domains.

However, when you use the form embed code it tries to load `https://app.hubspot.com/forms-next-v2-captcha` as part of the payload. So this either needs to be moved to another domain that is allowed to be embedded in iframes or remove the frame-ancestors directive from the app.hubspot.com CSP.

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

04705 — Fri, 19 Feb 2021 17:16:12 GMT

Same issue is causing your scripts such as forms.hubspot.com from loading in Firefox, Chrome and Safari (browsers detecting it as an invalid CORS request and blocking it), because of this our lead captures from forms aren't working.

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

Dpontarelli — Mon, 22 Feb 2021 22:12:17 GMT

Hello, we're having the exact same issue with the Content Security policy. Has anyone resolved this yet?

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

CAndres — Tue, 23 Feb 2021 21:11:19 GMT

@dennisedson This seems like it can only be fixed on HubSpot's side.
Could you confirm if HubSpot acknowledges that's the case and if they plan to work on a fix?

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

GCiampa — Wed, 24 Feb 2021 06:44:29 GMT

Hi all, we managed to resolve this issue. In our case, it was because our site did not support iframes. Every Hubspot code is essentially, in an iframe. It took some work form our developer but it was a pretty quick fix.

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

IWatt — Wed, 24 Feb 2021 09:14:14 GMT

That's great news, GCiampa. Could your developer provide any guidance as to what the fix was? We are really struggling here with this same issue and would love to see if we could replicate your approach.

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

dennisedson — Wed, 24 Feb 2021 16:18:37 GMT

Hey all, The team is looking into this. I will report back when I have an update.

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

Jeff_videommerc — Tue, 02 Mar 2021 13:22:53 GMT

Hi Dennis, did you solve this issue? now even the messages are not delivered via HubSpot forms

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

dennisedson — Tue, 02 Mar 2021 15:23:17 GMT

The team is looking into it. Will report back when I have confirmed the resolution

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

philipcron — Tue, 02 Mar 2021 22:11:24 GMT

Same situation here. I tried to update things on my end but it did not fix the issue. Hoping for a fix on HubSpot's side.

https://kpstaffing.com/

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

AlbertoSM — Fri, 12 Mar 2021 14:54:39 GMT

I have the same issue. Any news?

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

dennisedson — Fri, 12 Mar 2021 17:16:19 GMT

@AlbertoSM , not yet, but I do know that it is being worked on.

Re: Content-Security-Policy-Report-Only from app.hubspot.com is reporting errors to browsers

dennisedson — Mon, 15 Mar 2021 20:11:59 GMT

OK everyone, I have been told that a fix has been deployed. Let me know what you all are seeing out there now 😀