631804 - CSS transitions don't work when property is changed with very short setTimeout() after changing display:none to display:block

Status: RESOLVED DUPLICATE of bug 537143

(Core :: CSS Parsing and Computation, defect)

Description

[Satoshi Ueyama]

User-Agent:       Mozilla/5.0 (Windows NT 6.0; rv:2.0b12pre) Gecko/20110205 Firefox/4.0b12pre
Build Identifier: Mozilla/5.0 (Windows NT 6.0; rv:2.0b12pre) Gecko/20110205 Firefox/4.0b12pre

Test script changes 'display' property from none to block, then change 'background-color' property with setTimeout. But transitions don't work when delay=1ms, although they work when delay=20ms.

Reproducible: Always

Steps to Reproduce:
1. Visit http://dl.dropbox.com/u/103789/transition-test.html
2. Click 'Test' buttons

"Test 0" will change 'background-color' property immediately after 'display' property changed.
"Test 1" will change 'background-color' property with 1ms setTimeout.
"Test 2" will change 'background-color' property with 20ms setTimeout.
Actual Results:  
DIV does not animate.

Expected Results:  
DIV animates.

Animated?

Firefox:
 Test 0: No
 Test 1: No
 Test 2: Yes

Chrome 9:
 Test 0: No
 Test 1: Yes
 Test 2: Yes

Opera 11:
 Test 0: Yes
 Test 1: Yes
 Test 2: Yes

Comment 2

[Nickolay_Ponomarev]

Attachment: testcase from the reporter

(Saving the testcase in bugzilla, just in case.)