1031007 - Transition does not play if parent element has overflow:hidden or overflow:auto

Status: RESOLVED DUPLICATE of bug 625289

(Core :: Layout, defect)

Description

[Andy Lanzone]

If an element's parent has its CSS overflow property set to either 'hidden' or 'auto', then the element's transition does not play.

I made a fiddle that illustrates the problem. The example animates the position of two red boxes, one of which has a parent with 'overflow:hidden' and one of which does not. The first red box, whose parent does not have overflow:hidden, animates smoothly to the right and back again. The second red box, whose parent has overflow:hidden, jumps to the right and back again. 

http://jsfiddle.net/PtJ3G/

-----------

User Agent: 
  Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:30.0) Gecko/20100101 Firefox/30.0
  Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:33.0) Gecko/20100101 Firefox/33.0

I tested it on both Firefox 30 and the latest Nightly (v33). The transitions play smoothly in other browsers.

This issue seems like a superset of the issue mentioned in Bug #1020518.


Actual results:

Using JavaScript to apply the 'active-hidden' class to div#b caused the child red box's position to instantaneously change instead of using the transition.


Expected results:

The position of the red box should transition smoothly right and back again, as shown in div#a.

Comment 1

[Alice0775 White]

Maybe duplication of Bug 625289

Comment 2

[Boris Zbarsky [:bzbarsky]]

Yes, exactly.