title: reCAPTCHA 2.0 not appearing in Safari (works in Edge, Chrome, and Firefox)
body: <p>I just integrated the Google <a href="https://developers.google.com/recaptcha/" rel="nofollow noreferrer">reCAPTCHA 2.0</a> into my site.  It works as expected in Chrome, Firefox, and Edge, but it doesn't work / appear in Safari on my MacBook Pro.</p>
  <ul>
  <li>MacBook Pro: macOS Sierra version 10.12.2.</li>
  <li>Safari: Version 10.0.2 (12602.3.12.0.1)</li>
  </ul>
  <p>The reCAPTCHA is being used within a <a href="https://docs.dhtmlx.com/form__index.html" rel="nofollow noreferrer">dhtmlXForm</a> like this...</p>
  <pre><code>...
  { type:&quot;label&quot;, name:&quot;myrecaptcha&quot;, label:&quot;&lt;div class=\&quot;g-recaptcha\&quot; data-sitekey=\&quot;MY_KEY_HERE\&quot;&gt;&lt;/div&gt;&quot;, offsetLeft:320 },
  ...
  </code></pre>
  <p>Which in all browsers except for Safari generates this...</p>
  <p><a href="https://i.stack.imgur.com/lFSO1.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lFSO1.jpg" alt="enter image description here" /></a></p>
  <p>But in Safari it doesn't appear...</p>
  <p><a href="https://i.stack.imgur.com/8jckV.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8jckV.jpg" alt="enter image description here" /></a></p>
  <p>There are no errors in the console. I have cleared all browser cache.  The location of the <code>api.js</code> line is immediately before the closing <code>&lt;/head&gt;</code> tag like Google's documentation says.  Not sure what else to try.</p>
  <p><strong>UPDATE:</strong> In Safari when I inspect the area where the reCAPTCHA is supposed to show I only see the original <code>&lt;div class=&quot;g-recaptcha&quot; data-sitekey=&quot;MY_KEY_HERE&quot;&gt;&lt;/div&gt;</code> with nothing in it.  So it's not putting the iframe into that div for some reason.  Hope that helps.</p>
  <p><strong>UPDATE:</strong> I went back and implemented reCAPTCHA v2 today (3.5 years later) and it appears to work in Safari now.</p>