686678 - CSS Transitions artifact with the collapsing borders model

Status: NEW

(Core :: CSS Parsing and Computation, defect)

Description

[Aurélien Maille]

Attachment: testcase-css-transition.html

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:7.0) Gecko/20100101 Firefox/7.0
Build ID: 20110909093034

Steps to reproduce:

I add a transition effect on a cell and I modify the opacity of the cell using javascript. By clicking the first time, the opacity is reduced to 0.3. Clicking a second time, the opacity is reset to 1.


Actual results:

After the second click, the background returns to its original color. However, just before the end of the transition, the padding of the cell appears temporarily in white color (background color of the parent node of the cell), while the box content of the cell has the red color background.


Expected results:

The padding should not appear in a different background color.

Comment 1

[Aurélien Maille]

The bug also appears with: Mozilla/5.0 (X11; Linux x86_64; rv: 9.0a1) Gecko/20110914 Firefox/9.0a1

I noticed that :
* The bug doesn't appear with the separated borders model
* The bug doesn't appear if the padding of cell is 0
* The bug doesn't appear with other block elements (such a paragraph)

Comment 2

[Aurélien Maille]

I note that the bug also occurs with a css hover style instead of a click event (used in the testcase)

Comment 3

[Virgil Dicu [:virgil] [QA]]

I can confirm this issue using the test case provided.

Mozilla/5.0 (Windows NT 5.1; rv:9.0a1) Gecko/20110919 Firefox/9.0a1
Mozilla/5.0 (X11; Linux x86_64; rv:9.0a1) Gecko/20110918 Firefox/9.0a1
Mozilla/5.0 (Windows NT 6.1; rv:9.0a1) Gecko/20110919 Firefox/9.0a1
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:9.0a1) Gecko/20110915 Firefox/9.0a1