Bug Tracker

#11955 closed bug (invalid)

Opened June 22, 2012 02:08PM UTC

Closed June 25, 2012 02:36AM UTC

Delay, Animate, CSS Bug

Reported by: tom@beuteiful.com Owned by: tom@beuteiful.com
Priority: low Milestone: None
Component: effects Version: 1.7.2
Keywords: Cc:
Blocked by: Blocking:
Description

Inspect the element .block as it goes to make the black box smaller... you will notice overflow: hidden ends up getting set instead (default jquery feature)... but on the other animation (expanding) there is no delay and the override for setting .css('overflow', 'visible') works.

Example: http://jsfiddle.net/8TdzP/

End result should make overflow: visible set while animation is happening instead of letting jQuery set it to hidden.

Attachments (0)
Change History (3)

Changed June 22, 2012 02:18PM UTC by rwaldron comment:1

owner: → tom@beuteiful.com
status: new → pending

Are you trying to set the "overflow" property _after_ the animation is complete? If so, then you'll need to use the animate complete callback.

http://jsfiddle.net/rwaldron/hFbpF/2/

Changed June 22, 2012 06:20PM UTC by tom@beuteiful.com comment:2

status: pending → new

Replying to [comment:1 rwaldron]:

Are you trying to set the "overflow" property _after_ the animation is complete? If so, then you'll need to use the animate complete callback. http://jsfiddle.net/rwaldron/hFbpF/2/

I am trying to set the overflow to visible instead of it automatically changing to hidden when it performs the animation.

I found a solution, which is to make a class:

.overflowForce {
     overflow: visible !important;
}

and to call it like such:

$('.block').addClass('overflowForce').animate({width: 150}, {
    complete: function() {
        $(this).removeClass('overflowForce');
    }
});

http://jsfiddle.net/hFbpF/3/

Changed June 25, 2012 02:36AM UTC by mikesherov comment:3

component: unfiled → effects
priority: undecided → low
resolution: → invalid
status: new → closed

lots of animations need overflow: hidden to display properly. This is a feature, not a bug. It sounds like you have found a workaround yourself that you like. If you need more help, please use the forum or stackoverflow.com