Firefox throws an error with the built version

[aprilmay]

With recent (33+) FF and a custom build only, an error happens (not always, but most of the time): InvalidAccessError: A parameter or an operation is not supported by the underlying object

It is in the checkImports function, in those lines:
var needsParsing = sheet.needsParsing, cssRules = sheet.rules || sheet.cssRules;

Pure AMD app, xstyle bundled within dgrid with 'xstyle/main', 'xstyle/core/load-css', 'xstyle/core/load-imports'.

[kriszyp]

For your build are using a targetStyleSheet for the layer, or is the CSS being built into the JS layer?

[aprilmay]

The CSS was loaded through plain HTML (because xstyle was just a dependency for dgrid, i didn't care enough about it).

Importing CSSss with xstyle solves the problem. It also allowed me to integrate the CSSes to deal nicely with the AMD principles. Thanks Kris!

[kriszyp]

I'd still be curious if there is an issue here that can be reproduced, but glad you solved your problem.

[aprilmay]

Well, i fear i was too optimistic and the issue is still present, sorry.

I narrowed the problem to: FF is complaining when accessing "sheet.cssRules" in the checkImports function.

This is called from the domReady function in core/elemental.js.

So i think the problem is with doc.readyState: when it is "interactive", it means that some stuff still needs parsing (according to https://developer.mozilla.org/en-US/docs/Web/API/document.readyState).

So, a simple fix is to replace the rather obscure condition "/e/.test(doc.readyState||''" to "doc.readyState == 'complete'" (line 116 in the current trunk).