281072 - Order of Spans with Styles causes rendering discrepancy

Status: RESOLVED INVALID

(Firefox :: General, defect)

Description

[Todd Ross]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0

The order of multiple successive spans, each with their own styles applied,
causes Firefox to render them differently.

Reproducible: Always

Steps to Reproduce:
1. Open Attachment
2. Review 'underline bold', 'italic underline bold', 'underline bold italic',
and 'underline italic bold'


Actual Results:  
The font is bolded but the underline is an inconsistant width compared to other
'identical' styles.

Expected Results:  
'identical' styles should render consistantly.

Comment 1

[Todd Ross]

Attachment: test case

Comment 2

[Richard Brodie]

It's because text-decoration isn't inherited, so the order does actually matter.
The children of the underline span don't affect the underlining.

See bug 59183 for a related case and some background.

Comment 3

[Darton Williams]

Agreed. IE doesn't render the same as Firefox in this case, but the way that
Firefox does it seems closer to the spec. A good explanation of this is
http://www.w3c.org/TR/CSS21/cascade.html.

Comment 4

[Phil Ringnalda (:philor)]

Exactly, invalid: if the underline span has inherited bold, then the underline
should be bold, if it hasn't then it shouldn't, no matter what happens in its
children. The spec says "the very instant you see |text-decoration: underline;|
pick up your pen and draw an underline from there to the end of that element"
(though not quite so plainly).