526549 - CSS TEXTAREA width="100%" draws outside enclosing table

Status: UNCONFIRMED

(Core :: Layout, defect)

Description

[Glen Hoag]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.1.4) Gecko/20091016 Firefox/3.5.4 (.NET CLR 3.5.30729)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.1.4) Gecko/20091016 Firefox/3.5.4 (.NET CLR 3.5.30729)

A TEXTAREA element with a CSS width style of 100% is drawn outside the bounds of the enclosing table.  This seems to affect Windows only; I tested on Mac OS X and the expected behavior occurred.  The right edge of the TEXTAREA was drawn inside the border of the enclosing table.

Reproducible: Always

Steps to Reproduce:
See attached HTML example.
Actual Results:  
TEXTAREA right edge drawn past the right edge of the table enclosing it.

Expected Results:  
TEXTAREA right edge drawn one pixel to the left of the table enclosing it.

Comment 1

[Glen Hoag]

Attachment: Example showing right edge of TEXTAREA drawn beyond the border of a table

Comment 2

[Glen Hoag]

Attachment: Image showing TEXTAREA drawing problem.

Comment 3

[Glen Hoag]

Attachment: Image showing TEXTAREA drawn correctly. (Firefox v3.5.4 Mac OS X)

Comment 4

[Nickolay_Ponomarev]

Probably the same as bug 440415, which is about <input type="text">

Comment 5

[Boris Zbarsky [:bzbarsky]]

Yep, it's the same code.

Comment 6

[Nickolay_Ponomarev]

Attachment: <textarea> vs <input type="text"> with width=100%

Since bug 440415 was marked as invalid, I don't think this is a dupe, because <input type="text"> doesn't show differences between Windows and Mac, while textarea does. See the attached testcase -- the textarea/input have the same width (sticking out of the table) on Windows, while on Mac the textarea is 3 px shorter and fits the table.

Comment 7

[Nickolay_Ponomarev]

Attachment: screenshot of the above testcase on Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.3a5pre) Gecko/20100502 Minefield/3.7a5pre

Comment 8

[Glen Hoag]

For what it's worth, I viewed Nickolay's test case on both Safari for Windows 4.0.5 and MSIE 7.0.6002.18005.  They both look like the Mac screenshot (<textarea> inside the table, and <input type "text"> sticking out).  

The inconsistency between platforms that I originally reported remains, and while the other two browsers can't be considered CSS validators, I believe that the problem should be resolved in the direction of making the Windows version work like the Mac version.