292083 - CSS stylesheet rules not accessible in DOM when called with @import

Status: RESOLVED INVALID

(Core :: DOM: CSS Object Model, defect)

Description

[Andrés G. Aragoneses]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; es-ES; rv:1.7.6) Gecko/20050321 Firefox/1.0.2
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; es-ES; rv:1.7.6) Gecko/20050321 Firefox/1.0.2

It seems that a stylesheet is not accessible through DOM when loaded via @import
rule. It is correctly loaded via style/link tags because I can access a class's
value. I will provide a testcase.

Reproducible: Always

Steps to Reproduce:
(Testcase attached)



I think this is an important feature related to W3C CSS/JS standards.

Comment 1

[Andrés G. Aragoneses]

Attachment: Small CSS file called by the primary testcase.

Comment 2

[Andrés G. Aragoneses]

Attachment: Primary testcase

Comment 3

[Andrés G. Aragoneses]

This bug is also present in Mozilla 1.8b (Gecko/20050217).

Comment 4

[Andrés G. Aragoneses]

Tested on Linux: changing OS to ALL.

Changing component from DOM:Core to DOM:CSSOM. 

Comment 5

[Boris Zbarsky [:bzbarsky]]

The behavior is correct.  The imported sheet is not in document.styleSheets,
since it's not directly linked to from the document.  It _is_, however,
accessible as document.styleSheets[0].cssRules[0].styleSheet (the .styleSheet
property of the DOMCSSImportRule object).

I suggest reading the W3C DOM CSS spec, which covers all this.

Comment 6

[Andrés G. Aragoneses]

Thanks for reviewing. Sorry for submitting this invalid bug (I had doubts about
it, but didn't check on the spec).