508362 - css is not applied to element with namespace other than xhtml namespace

Status: RESOLVED DUPLICATE of bug 429298

(Core :: CSS Parsing and Computation, defect)

Description

[hle.ogr]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-GB; rv:1.9.0.12) Gecko/2009070818 Ubuntu/8.10 (intrepid) Firefox/3.0.12
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-GB; rv:1.9.0.12) Gecko/2009070818 Ubuntu/8.10 (intrepid) Firefox/3.0.12

It seems css from external file is not applied to individual elements with new defined namespace - if document is modified via DOM. 

But: css is applied if css information is defined for all elements in the new namespace. Also save and reload with linked css stylesheet will show applied style.

Reproducible: Always

Steps to Reproduce:
1. Create a xhtml web page. Within the body set a new element with new namespace

<body>
  <div>
    <new:test xmlns:new="new-test">testing</new:testing>
  </div>
</body>

2. Create a external stylesheet with
@namespace new "new-test";

@namespace html "http://www.w3.org/1999/xhtml";

new|test {
    color:red;
}

3. Apply a new stylesheet via DOM, for example this methode:
https://developer.mozilla.org/en/Using_the_Stylesheet_Service


4. You will see the css is not applied, but if you modify the css style to set color: red for all elements with new namespace than it works. For example change the css to:
new|* {
    color:red;
}

This information is applied as expected.
Actual Results:  
css for new namespace is only applied if document has already css information included but not if it is added via DOM manipulation. 

Expected Results:  
css should be applied as defined

Tested with Firefox 3 and 3.5. Also if the stylesheet is added via <link/> it only works after reload.

Comment 1

[hle.ogr]

As addition, it seems to be only for elements with uppercase letter. for example:

<new:testForm/>

and css

new|testForm {
 color: red;
}

but working with 
<new:testform/> 


new|testform {
 color: red;
}

will work with

Comment 2

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

If the problem was something that happened only if the tags had an uppercase letter in them, then it was probably fixed by bug 507762, which is fixed on trunk.  Could you retest in mozilla-central nightlies or in one of the Mozilla Developer Previews: http://www.mozilla.org/projects/devpreview/ ?

Comment 3

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

Also, I'd note that using a relative URL for the namespace isn't going to work if the document and style sheet are in different directories (because then it resolves to different URLs).  Using relative URLs for namespaces is a bad idea.  But it doesn't seem like that's the actual problem you were hitting.

Comment 4

[tonda kavalec]

Works here: http://yo-lobo.eu/xslt/semana.xml
used namespace: 
@namespace table "urn:oasis:names:tc:opendocument:xmlns:table:1.0";
css: http://yo-lobo.eu/xslt/table.css
__
Identificador de build: Mozilla/5.0 (Windows; U; Windows NT 5.1; es-AR; rv:1.9.1.9) Gecko/20100317 SeaMonkey/2.0.4

Comment 5

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

Please let us know if this isn't fixed in 3.7a4 or 3.7a5pre builds.

(And sorry it sat in Firefox::General so long before getting moved to the correct place.)