I am using strict CSP in my website and I use Google reCAPTCHA v2 (checkbox), however, the checkbox renders in other browsers but not in Microsoft Edge, specifically Microsoft Edge 44.18362.449.0. But when using Microsoft Edge 85.0.564.51 the checkbox is loaded properly.
Below is how my CSP configuration looks like:
default-src 'self' https://*.olark.com; script-src 'self' 'unsafe-inline' 'unsafe-eval' 'nonce-$nonce_value' https://*.olark.com https://www.google.com/recaptcha/ https://www.gstatic.com/recaptcha 'strict-dynamic'; style-src 'self' 'unsafe-inline' 'nonce-$nonce_value' https://*.olark.com; img-src 'self' data: https://*.olark.com; font-src 'self'; child-src 'self' https://*.olark.com; object-src 'none'; frame-src 'self' https://www.google.com/recaptcha;
Below is the warning in console using Microsoft Edge 44.18362.449.0:
CSP14312: Resource violated directive 'script-src...' Resource will be blocked.
Below is the warning in console using Microsoft Edge 85.0.564.51:
Tracking Prevention blocked access to storage for <URL>.
How to fix the problem such that the checkbox will be rendered properly?