875068 - Textarea doesn’t obey position: absolute; left: 0; right: 0; width trick

Status: RESOLVED INVALID

(Core :: Layout: Form Controls, defect)

Description

[Zach Leatherman]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_3) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.65 Safari/537.31

Steps to reproduce:

Tried to absolutely position a textarea inside another div and using both a left and right property to expand to full width.

JSBIN: http://jsbin.com/amasaj/2


Actual results:

It ignored the right property.


Expected results:

The textarea should have expanded to the width of the parent div.

Comment 1

[Boris Zbarsky [:bzbarsky]]

Zach, thank you for the bug report.

Our behavior here is correct, per CSS spec.  See https://bugs.webkit.org/show_bug.cgi?id=81863 which covers the fact that WebKit renders this differently and points to the relevant section of the spec.

Comment 2

[Zach Leatherman]

Thanks! Unfortunate, but appreciated.

Comment 3

[Boris Zbarsky [:bzbarsky]]

Note that you should be able to get a similar effect with width:100% and box-sizing:border-box, as long as your margins are 0.