title: Google reCAPTCHA v2 encountering CSP14312 error resource blocked in Microsoft Edge
body: <p>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.</p>
  <p>Below is how my CSP configuration looks like:</p>
  <pre><code>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;
  </code></pre>
  <p>Below is the warning in console using Microsoft Edge 44.18362.449.0:</p>
  <p><a href="https://i.stack.imgur.com/qQatC.png" rel="nofollow noreferrer">CSP14312: Resource violated directive 'script-src...' Resource will be blocked. </a></p>
  <p>Below is the warning in console using Microsoft Edge 85.0.564.51:</p>
  <p><a href="https://i.stack.imgur.com/CPMWo.png" rel="nofollow noreferrer">Tracking Prevention blocked access to storage for &lt;URL&gt;.</a></p>
  <p>How to fix the problem such that the checkbox will be rendered properly?</p>