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

[ericw]

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");
}});

[dmethvin]

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

[willpower232]

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

[[email protected]…]

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");
     }
   }
);

[sindresorhus]

#11399 is a duplicate of this ticket.