title: Spinning wheel when using multiple iframes with Firebase in Safari
body: <p>Initializing a Firebase 3.6.4 app in three or more separate iframes on the same page causes Safari to give me the spinning wheel. Chrome and Firefox are okay.</p>
  
  <p>I've reproduced the problem in JSFiddle: <a href="https://jsfiddle.net/talekhinezh/6g95Lpng/" rel="nofollow noreferrer">https://jsfiddle.net/talekhinezh/6g95Lpng/</a></p>
  
  <p>iframe code @ <a href="https://talekhinezh.github.io" rel="nofollow noreferrer">https://talekhinezh.github.io</a>:</p>
  
  <pre><code>&lt;head&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;script src="https://www.gstatic.com/firebasejs/3.6.4/firebase.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          // Initialize Firebase
          var config = {
              apiKey: "AIzaSyDY4SXY0wuwtoS6ZQpI7QhheIKD1PrrVQg",
              authDomain: "talekhinezh.firebaseapp.com",
              databaseURL: "https://talekhinezh.firebaseio.com",
              storageBucket: "talekhinezh.appspot.com",
              messagingSenderId: "202908208893"
          };
          firebase.initializeApp(config);
      &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Host page code:</p>
  
  <pre><code>&lt;iframe src="https://talekhinezh.github.io/"&gt;&lt;/iframe&gt;
  &lt;iframe src="https://talekhinezh.github.io/"&gt;&lt;/iframe&gt;
  &lt;iframe src="https://talekhinezh.github.io/"&gt;&lt;/iframe&gt;
  </code></pre>