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)
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.
Updated•10 years ago
|
Component: Untriaged → Layout
Product: Firefox → Core
Comment 1•10 years ago
|
||
Maybe duplication of Bug 625289
Comment 2•10 years ago
|
||
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.
Description
•