DOMException: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules

[epicmaxco]

DOMException: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules

[smartapant]

@JCKodel could you please provide a code snippet (jsfiddle for example) for us?

[smartapant]

@JCKodel not enough info to reproduce the bug, closing the issue

[JosNun]

@JCKodel Did you ever find a solution to this? I'm experiencing the same issue, but can't seem to replicate it on a CodeSandbox.

EDIT: @smartapant I did some more digging, and it appears that the error is thrown when the stylesheet that epic-spinners tries to add the keyframes to is from a different origin. Here's an example on CodeSandbox.

[BenAHammond]

This issue is constant for me, but I'm bundling my styles together into my app so I don't think its a domain issue.

appendKeyframes: function (name, frames) {
    var idx = document.styleSheets[0].cssRules.length
    document.styleSheets[0].insertRule('@keyframes ' + name + ' { ' + frames + ' }', idx)
  }

That is the code causing problems. I think it needs to check for the existence of styleSheets[0] before accessing the cssRules property.