121659 - without appending 'px' the width won't change

Status: VERIFIED INVALID

(Core :: DOM: CSS Object Model, defect)

Description

[Jaroslav Zaruba]

From Bugzilla Helper:
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0)
BuildID:    2001122106

Clicking the red rectangle should make it grow. In Mozilla this dowsn't work.

Reproducible: Always
Steps to Reproduce:
1. load the page
2. click the rectangle

Actual Results:  nothing happens

Expected Results:  clicking the red rectangle should enlarge it

Check the JavaScript code and uncomment the line labeled 'for Mozilla' - when 
changing width of the DIV, in Mozilla you have to append 'px' (units) to the 
new value.

an example

// this won't work in mozilla:
myElement.style.width = 300;
// this will
myElement.style.width = 300 + 'px';

Comment 1

[Alfonso Martinez]

This is invalid.
You need to specify the units for any measure in CSS according to the standard,
you can see it this way: what is "300" ? pixels? percentage? points? ??? if you
don't say the unit then mozilla has to guess it and your guess doesn't has to be
the same that mozilla's.

Comment 2

[Christopher Aillon (sabbatical, not receiving bugmail)]

You are currently in standards layout mode invoked by your doctype.  Therefore
we follow the CSS2 standard which says that you *must* include a unit for every
non-zero value.

http://www.w3.org/TR/REC-CSS2/syndata.html#length-units

As a workaround, you can remove the doctype and we will assume px.  Otherwise,
we follow the W3C css standards 

See http://www.mozilla.org/docs/web-developer/quirks/doctypes.html for our
standards vs quirks mode layout sniffing.

verified invalid (after midairing).