Closed Bug 642303 Opened 13 years ago Closed 28 days ago

textarea not resizable if width and/or high are specified with !important

Categories

(Core :: Layout, defect)

All
Linux
defect

Tracking

()

RESOLVED INVALID

People

(Reporter: mozilla-bugs, Unassigned)

Details

Attachments

(1 file)

User-Agent:       Mozilla/5.0 (compatible; Konqueror/4.6; Linux; X11; de) KHTML/4.6.0 (like Gecko) SUSE
Build Identifier: Firefox 4.0b12 for openSUSE 11.4

Firefox has a new feature that makes all textareas resizeable.

However, it is not able to resize a textbox if width and height are specified
with !important. (If only the width is specified with !important, the height can be changed.)

I'd expect to have every textarea resizable, even if the size is specified with
!important.

If you really want to give !important priority over manually resizing, the
resize handler should be hidden if both width and height are specified with
!important.

Reproducible: Always

Steps to Reproduce:
1. save the following as HTML file:

<html><head><style>                                                                                                                                        
  textarea { width: 200px !important; } 
</style></head><body>
  <textarea rows=5 cols=30>resize me!</textarea>
</body></html>

2. open the file in Firefox
3. try to resize the text box
Actual Results:  
Only the height can be changed, the width is fixed.

Expected Results:  
Height and width can be changed.
Attached file testcase
Component: General → Layout
Product: Firefox → Core
QA Contact: general → layout
Hardware: x86_64 → All
Version: unspecified → Trunk
The resizer just sets style.width and style.height, so !important rules override it...

We could have the resizer use !important styles in style.width/height, I guess.  Neil, what do you think?
Er, wrong Neil!

enn, see comment 2.
Status: UNCONFIRMED → NEW
Ever confirmed: true
Severity: normal → S3

This seems to be working according to the spec. Safari and Chromium have the same behavior.
https://drafts.csswg.org/css-ui/#ref-for-propdef-width

There may be situations in which user attempts to resize an element appear to be overridden or ignored, e.g. because of !important cascading declarations that supersede that element’s style attribute width and height properties in the DOM.

Status: NEW → RESOLVED
Closed: 28 days ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: