Update srcdoc-polyfill, fix rendering on Safari

Author: catarak

client/modules/IDE/components/PreviewFrame.jsx

@@ -22,8 +22,8 @@ function PreviewFrame({ fullView }) {
   });
 
   const frameUrl = previewUrl;
-  const sandboxAttributes = `allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups 
-    allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation`;
+  const sandboxAttributes = `allow-forms allow-modals allow-pointer-lock allow-popups 
+    allow-same-origin allow-scripts allow-top-navigation-by-user-activation`;
   const allow =
     'accelerometer; autoplay; camera; encrypted-media; geolocation; gyroscope; microphone; magnetometer; midi; vr;';
   return (

client/modules/Preview/EmbedFrame.jsx

@@ -149,7 +149,7 @@ function resolveScripts(sketchDoc, files) {
         script.getAttribute('src').match(EXTERNAL_LINK_REGEX)
       ) !== null
     ) {
-      script.setAttribute('crossorigin', '');
+      // script.setAttribute('crossorigin', '');
       script.innerHTML = resolveJSLinksInString(script.innerHTML, files); // eslint-disable-line
     }
   });
@@ -266,7 +266,10 @@ function EmbedFrame({ files, isPlaying, basePath }) {
     const doc = iframe.current;
     if (isPlaying) {
       const htmlDoc = injectLocalFiles(files, htmlFile, basePath);
-      srcDoc.set(doc, htmlDoc);
+      // BRO FOR SOME REASON YOU HAVE TO DO THIS TO GET IT TO WORK ON SAFARI
+      setTimeout(() => {
+        srcDoc.set(doc, htmlDoc);
+      }, 0);
     } else {
       doc.srcdoc = '';
       srcDoc.set(doc, '  ');

package-lock.json

@@ -228,7 +228,7 @@
     "sinon": "^7.5.0",
     "sinon-mongoose": "^2.3.0",
     "slugify": "^1.3.6",
-    "srcdoc-polyfill": "^0.2.0",
+    "srcdoc-polyfill": "^1.0.0",
     "styled-components": "^5.0.0",
     "styled-theming": "^2.2.0",
     "url": "^0.11.0",