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

RESOLVED INVALID

Status

()

RESOLVED INVALID
5 years ago
5 years ago

People

(Reporter: zachleatherman, Unassigned)

Tracking

21 Branch
x86
Mac OS X
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

5 years ago
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.
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.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 5 years ago
Resolution: --- → INVALID
(Reporter)

Comment 2

5 years ago
Thanks! Unfortunate, but appreciated.
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.
You need to log in before you can comment on or make changes to this bug.