From b19bbf26aeb352426a9393f9d039418e541fe3c2 Mon Sep 17 00:00:00 2001
From: Mike Fix <mrfix84@gmail.com>
Date: Mon, 20 Aug 2018 12:17:31 -0700
Subject: [PATCH] Fix preload for Firefox

---
 components/Meta.js | 30 ++++++++----------------------
 1 file changed, 8 insertions(+), 22 deletions(-)

diff --git a/components/Meta.js b/components/Meta.js
index dbfa679..3d14b42 100644
--- a/components/Meta.js
+++ b/components/Meta.js
@@ -10,6 +10,9 @@ const CDN_STYLESHEETS = THEMES.filter(
   t => t.hasStylesheet !== false && LOCAL_STYLESHEETS.indexOf(t.id) < 0
 )
 
+// as="style"
+// onLoad="this.onload=null;this.rel='stylesheet'"
+
 export default function Meta() {
   const onBrowser = typeof window !== 'undefined'
   return (
@@ -38,44 +41,27 @@ export default function Meta() {
         <title>Carbon</title>
         <link rel="manifest" href="/static/manifest.json" />
         <link rel="shortcut icon" href="/static/favicon.ico" />
-        <link
-          rel="preload"
-          as="style"
-          onLoad="this.onload=null;this.rel='stylesheet'"
-          href="/static/react-crop.css"
-        />
+        <link rel="stylesheet" href="/static/react-crop.css" />
         <link
           rel="stylesheet"
           href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.26.0/codemirror.min.css"
         />
         <link
-          rel="preload"
-          as="style"
-          onLoad="this.onload=null;this.rel='stylesheet'"
+          rel="stylesheet"
           href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.30.0/theme/solarized.min.css"
         />
         <link
-          rel="preload"
-          as="style"
-          onLoad="this.onload=null;this.rel='stylesheet'"
+          rel="stylesheet"
           href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.36.0/theme/seti.min.css"
         />
         {LOCAL_STYLESHEETS.map(id => (
-          <link
-            key={id}
-            rel="preload"
-            as="style"
-            onLoad="this.onload=null;this.rel='stylesheet'"
-            href={`/static/themes/${id}.css`}
-          />
+          <link key={id} rel="stylesheet" href={`/static/themes/${id}.css`} />
         ))}
         {onBrowser
           ? CDN_STYLESHEETS.map(theme => (
               <link
                 key={theme.id}
-                rel="preload"
-                as="style"
-                onLoad="this.onload=null;this.rel='stylesheet'"
+                rel="stylesheet"
                 href={
                   theme.link ||
                   `//cdnjs.cloudflare.com/ajax/libs/codemirror/5.36.0/theme/${theme.id}.min.css`