.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:	new → closed

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.

Side navigation