Closed Bug 1031007 Opened 10 years ago Closed 10 years ago

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

Categories

(Core :: Layout, defect)

33 Branch
x86
macOS
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 625289

People

(Reporter: the_andman, Unassigned)

References

()

Details

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.
Component: Untriaged → Layout
Product: Firefox → Core
Maybe duplication of Bug 625289
Yes, exactly.
Status: UNCONFIRMED → RESOLVED
Closed: 10 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.