444795 - text-decoration: underline doesn't work on <button> in standards mode

Status: RESOLVED DUPLICATE of bug 219516

(Core :: Layout: Block and Inline, defect)

Description

[pike]

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en-us) AppleWebKit/312.9 (KHTML, like Gecko) Safari/312.6
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8.1.15) Gecko/20080623 Firefox/2.0.0.15

text-decoration: underline doesn't work on <button>  in standards mode. it does in quirks mode. other text-decorations work. 

Reproducible: Always

Steps to Reproduce:
1. create html containing a <button> element
2. apply style {text-decoration:underline} to the button
3. stare in wonder
Actual Results:  
No text-decoration appears.

Expected Results:  
Expected text-decoration underline ;-) 

It's a known bug on the web, allthough rarely mentioned. Setting display:block; (or a few others) makes the underline work.

Comment 1

[pike]

Attachment: simple demo of bug

Comment 2

[pike]

And a very ugly and evil workaround for those in need of help

button.link { text-decoration:underline; }
@-moz-document url-prefix() { button.link { display:table-cell;  }}

*-pike

Comment 3

[José Jeria]

Floating the button will also solve the issue. See bug 332124.

Comment 4

[pike]

I disagree with the duplication.

Please read the discussion at https://bugzilla.mozilla.org/show_bug.cgi?id=219516
This bug report is an attempt to narrow down that ancient bug report (and 33214) , otherwise they will never be resolved.

Normal form buttons are not necessarily supposed to have text-decoration as per the CSS specifications, but the BUTTON element should: 

http://www.w3.org/TR/REC-CSS2/text.html#lining-striking-props
>If it is specified for (or affects) an inline-level element, it affects all boxes generated by the element. If 
>the element has no content or no text content (e.g., the IMG element in HTML), user agents must 
>ignore this property.

<input type="button" value="bla" /> replaced element -> no content, must ignore (..?..)
<button>bla</button> inline lement -> text content, must not ignore

I'm reopening the bug .. sorry :-)

*-pike

Comment 5

[Ruvim Pinka]

The bug does not reproduced in Firefox 10.x