fix: added an if condition for linkTag.sheet to fix bug in safari

CoCreate-app · May 20, 2022 · eb88311 · eb88311
1 parent ac85b0a
commit eb88311
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 19 deletions.
diff --git a/demo/test.html b/demo/test.html
@@ -12,7 +12,7 @@
 	<!-- CoCreate CSS -->
 	<link rel="stylesheet" href="https://server.cocreate.app/CoCreateJS/dist/CoCreate.css" type="text/css" />
 	<!--<link rel="stylesheet" href="../src/test.css" collection="files" document_id="62827d7e8082ce05b081430b" name="src" type="text/css" parse="true" save="true" />-->
-	<link rel="stylesheet" href="./test.css" collection="files" document_id="62827d7e8082ce05b081430b" name="src" type="text/css" parse="true" save="true" />
+	<link rel="stylesheet" href="../test.css" collection="files" document_id="62827d7e8082ce05b081430b" name="src" type="text/css" parse="true" save="true" />
 </head>
 <style type="text/css" media="screen">
     /*Sidenav Search Field */
@@ -237,14 +237,14 @@ <h1 class="text-align:center">SPREAD THE WORD!</h1>
 
     <script>
         var config = {
-            apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
-            organization_id: '5de0387b12e200ea63204d6c',
-            host: 'wss://ws.cocreate.app'
+            apiKey: '',
+            organization_id: '5ff747727005da1c272740ab',
+            host: 'server.cocreate.app'
         }
     </script>
     <!--CoCreateJS-->
-      <script src="https://server.cocreate.app/CoCreateJS/dist/CoCreate.js"></script>  
-    <!--<script src="../dist/CoCreateCSS.js"></script>-->
+    <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
+    <!-- <script src="../../CoCreateJS/dist/CoCreate.js"></script> -->
     <!--<script src="../src/save.js"></script>-->
     <!--<script src="https://cdn.cocreate.app/toggle/latest/CoCreate-toggle.min.js"></script>-->
 </body>

diff --git a/src/css-parser.js b/src/css-parser.js
@@ -55,22 +55,22 @@ function initElement(element) {
 }
 
 function parseLinkCSS() {
-	if (linkTag) {
+	if (linkTag && linkTag.sheet) {
 		let Rules = linkTag.sheet.cssRules;
-
-		for (let rule of Rules) {
-			try {
-				linkCSS.push(rule.cssText);
-				if (rule.selectorText) {
-					classNameList.set(rule.selectorText.replace(/[.\\]/g, ''), true);
-				} else {
-					// ToDo: handle media queriesand add to classNameList to avoid duplicate parsing
+		if (Rules)
+			for (let rule of Rules) {
+				try {
+					linkCSS.push(rule.cssText);
+					if (rule.selectorText) {
+						classNameList.set(rule.selectorText.replace(/[.\\]/g, ''), true);
+					} else {
+						// ToDo: handle media queriesand add to classNameList to avoid duplicate parsing
+					}
+				}
+				catch (err) {
+					console.error(err);
 				}
 			}
-			catch (err) {
-				console.error(err);
-			}
-		}
 	}
 }