415094 - Text in text field not visible due to height

Status: RESOLVED INVALID

(Core :: Widget, defect, P2)

Description

[José Jeria]

Build Id: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9b2) Gecko/2007121014 Firefox/3.0b2

Navigate to url or see testcase. The text in the url field is chopped in Firefox 3. It is not chopped in IE, Safari or Opera.

Comment 1

[José Jeria]

Attachment: Testcase

Comment 2

[José Jeria]

Attachment: Screenshot

Comment 3

[Daniel Holbert [:dholbert]]

Attachment: testcase 2 (shows computed heights)

Comment 4

[Daniel Holbert [:dholbert]]

I don't think this is a bug in Firefox.

testcase 2 shows what's going on here.  When we give the textfield a height of 16px, that means its *total* size is 16px -- not its content area.

In particular, in testcase 2, the textfield has a specified height of 16px, and we can see that this is its *total* height, because the div wrapping the textfield gets a computed-height of 16px.

BUT -- the actual content area of the textfield (its computed height) is much less, after we subtract off its border/padding/margin.

The textfield has an actual computed-height of 8px on Linux/Mac, and 10px on Windows, neither of which is large enough to show the 11px-tall-text. (especially because the lower bits of the 'j' 'y' and 'g' characters hang outside the 11px)

Comment 5

[Daniel Holbert [:dholbert]]

Yup -- the original website has:
   style="font-size: 11px; height: 18px; width: 120px"
on all of its textfields.

After we subtract off 8px for the padding/border/margin[1], it's natural that 11px-high text wouldn't fit.

Resolving as invalid -- dbaron, correct me if I'm wrong here.

[1] testcase 2 shows that inputComputedHeight = inputSpecifiedHeight-8px on Mac/Linux.  (I verified this by testing other heights as well.)

Comment 6

[Daniel Holbert [:dholbert]]

(In reply to comment #5)
> Yup -- the original website has:
>    style="font-size: 11px; height: 18px; width: 120px"
> on all of its textfields.

Note that, at least on Linux, the original website looks ok in FF2 but not in FF3 because the padding/border/margin increased from 6px in FF2 to 8px in FF3, presumably due to the switch to native widgets.  So more of the textfield's total height was available for text content in FF2.