Bug 8141 – REGRESSION: Native text field fails to wrap inside table

• Component: Forms
• Status: CLOSED FIXED

[Chris Petersen]

I spotted a issue at http://www.midwestairlines.com/MAWeb/ when the native input filed wasn't rendered underneath the User ID text.

I have reduced this issue to a table that contains text and <input=text>. The table has a specified width of "35" pixels and the input element has style="width: 30px;" applied .

The input is inline with some text so I was expecting it to wrap to second line based on the width of the table. Instead , the table appears much wider than expected. This seems to be caused by the native text field even though it's border isn't this wide. See screen shot.

I included a DIV element with the same setting as the table as a comparsion. The input element and text in DIV wrap correctly as expected.

[Chris Petersen]

Created attachment 7467 [details]
screen shot of issue using latest webkit

[Chris Petersen]

Created attachment 7468 [details]
reduced test case

[Chris Petersen]

Steps to reproduce:

1) With TOT Webkit, open the attached test case "midwest_2.html"
2) Notice the difference between the table and div. The text field (dashed border) in the table should wrap down to the next line but doesn't. This is a gap between the right side of the text field and right border of the table.

[Chris Petersen]

This is filed as <rdar://problem/4499274>

[Maciej Stachowiak]

These are all text field regressions so they should all be P1.

[Adele Peterson]

I'm working on fixing calcMinMaxWidth, which will fix this bug.

[Darin Adler]

Assigning to Adele, since she's working on it.

[Chris Petersen]

Verified as fixed with latest TOT Webkit (04/09/2006)

[Chris Petersen]

Verified as fixed with latest TOT Webkit (04/07/2006)

[Chris Petersen]

Closing.