Need to check type before querying selectorText property - also good as it means we only try to fix colons at the leaf level

Author: eoghanmurray

packages/rrweb-snapshot/src/utils.ts

@@ -75,8 +75,7 @@ export function getCssRuleString(rule: CSSRule): string {
     } catch {
       // ignore
     }
-  }
-  if (rule.selectorText.includes(':')) {
+  } else if (isCSSStyleRule(rule) && rule.selectorText.includes(':')) {
     // Safari does not escape selectors with : properly
     cssStringified = fixSafariColons(cssStringified);
   }
@@ -93,6 +92,10 @@ export function isCSSImportRule(rule: CSSRule): rule is CSSImportRule {
   return 'styleSheet' in rule;
 }
 
+export function isCSSStyleRule(rule: CSSRule): rule is CSSStyleRule {
+  return 'selectorText' in rule;
+}
+
 export class Mirror implements IMirror<Node> {
   private idNodeMap: idNodeMap = new Map();
   private nodeMetaMap: nodeMetaMap = new WeakMap();