Bug 8092 – REGRESSION (NativeTextField): table contents misaligned in Netflix queue

• Component: Forms
• Status: RESOLVED FIXED

[John Sullivan]

This bug is also in Radar as <rdar://4496831>

To reproduce:

1. log in to netflix (requires account)
2. click Queue tab

The data in the columns (other than the first column) is pushed over to the right. See attached picture. I think this started in the last few days.

-------------------------------------------

Here's a reduction. It seems to be an interaction of the new text fields with table layout:

<table><tr><td style="background-color:red;"><input style="width:20px;"></td></tr></table>

In released Safaris, the table cell neatly encloses the text field. In tip of tree, the table cell is much wider than the text field. It looks like the enclosing table cell is sized based on the default width of an input element, rather than the specified width of this particular input element.

[John Sullivan]

Created attachment 7406 [details]
Picture showing misalignment of all columns past the initial text field.

*** Bug 7892 has been marked as a duplicate of this bug. ***

[Chris Petersen]

I ran into this same issue at http://www.expedia.com/ where input element was forcing a select element to wrap down to a new line in the containing DIV. I reduced the page down and was about file this in a new bugzilla bug but then noticed this one.

In any case adding my reduced test case to this report . Notice the border of the native text field is rendered at the default size even though it's been specifed as  "style="width:10px".

[Chris Petersen]

Created attachment 7457 [details]
Reduced test case from expedia

[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.