Skip to main content

Bug Tracker

Side navigation

#2648 closed bug (worksforme)

Opened April 03, 2008 03:23PM UTC

Closed June 20, 2010 06:21PM UTC

Last modified February 27, 2012 12:53PM UTC

.animate(height) incorrectly sets overflow hidden on animated div

Reported by: ericw Owned by:
Priority: minor Milestone: 1.2.4
Component: core Version: 1.2.3
Keywords: Cc:
Blocked by: Blocking:
Description

i had to create a callback like so to circumvent jquery.animate setting overflow to 'hidden' for height-animated divs:

$(myDiv).animate({ height: newHeight},{ duration: 500, queue: false, easing: 'easeOutExpo', complete: function() {
   $(myDiv).css("overflow","visible");
}});
Attachments (0)
Change History (4)

Changed June 20, 2010 06:21PM UTC by dmethvin comment:1

resolution: → worksforme
status: newclosed

It's needed so that scroll bars won't appear.

Changed June 29, 2011 04:32PM UTC by willpower232 comment:2

Sorry this is a bump but you can override this behaviour by applying "overflow: visible !important" to the element you are animating.

see http://old.nabble.com/Automatic-switching-to-overflow-hidden-during-animation-td22884304s27240.html

Changed September 06, 2011 09:06AM UTC by kubo1988@gmail.com comment:3

This works great for me:


$(myDiv).animate(
   { height: newHeight},
   { duration: 500, 
     queue: false, 
     easing: 'easeOutExpo', 

     step: function() {
       $(myDiv).css("overflow","visible");
     }, 

     complete: function() {
       $(myDiv).css("overflow","visible");
     }
   }
);

Changed February 27, 2012 12:53PM UTC by sindresorhus comment:4

#11399 is a duplicate of this ticket.