230172 - Poor rendering of "file input" element on a coloured background when width set

Status: RESOLVED DUPLICATE of bug 52500

(Core :: Layout: Form Controls, defect)

Description

[Andrew Hows]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.5) Gecko/20031007 Firebird/0.7
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.5) Gecko/20031007 Firebird/0.7

Reference: http://howsfamily.net/demo.html

The <INPUT Type="file"> element on this page should be displayed as a single,
long  text input field, with a browse button at the end. When "width:100%;" is
set in the Style attribute, however, the result is a normal-sized text input
field, the browse button, and then a white bar occupying the rest of the area.
This is most notable on a non-white background colour.

Reproducible: Always

Steps to Reproduce:
1. Include style="width:100%" attribute in a <INPUT Type="file"> tag
2. Visit website

Actual Results:  
<INPUT Type="file"> element is rendered incorrectly; a short text field, a
submit button, then a white bar.

Expected Results:  
Display a long text field, then a submit button.

Comment 1

[Alfonso Martinez]

*** This bug has been marked as a duplicate of 52500 ***