Search and Top Navigation
#6177 closed bug (fixed)
Opened October 13, 2010 12:58PM UTC
Closed November 18, 2014 03:45AM UTC
Effects won't animate if there's a > selector
Reported by: | hobarrera | Owned by: | |
---|---|---|---|
Priority: | minor | Milestone: | 1.9.0 |
Component: | ui.effects.* (individual effect) | Version: | 1.8.5 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
With this code:
#contact > .myDiv { height: 478px; } <div id="contact"> <div class="myDiv"> </div> </div> var mydiv = ... mydiv.show('blind', 'slow', function() {....
mydiv is shown, but not animated.
If I change to code to:
#contact > .myDiv { } <div id="contact"> <div class="myDiv" style="height: 478px;"> </div> </div> var mydiv = ... mydiv.show('blind', 'slow', function() {....
It animates correctly. This seems to be reproducible every time that the attributes that need to be modified for animating is defined in a CSS selector with a ">". (and it's not limited to blind).
Attachments (0)
Change History (6)
Changed October 27, 2010 09:38PM UTC by comment:1
Changed March 06, 2011 01:28AM UTC by comment:2
jsFiddled: http://jsfiddle.net/gnarf/r96SF/
Changed June 28, 2011 04:26PM UTC by comment:3
status: | new → open |
---|
I'm not sure if we will ever be able to do anything about this problem. Going to leave it open a while longer...
Changed October 11, 2012 09:02PM UTC by comment:4
milestone: | TBD → 1.10.0 |
---|
Changed January 25, 2013 09:23PM UTC by comment:5
milestone: | 1.10.0 → none |
---|
Changed November 18, 2014 03:45AM UTC by comment:6
milestone: | none → 1.9.0 |
---|---|
resolution: | → fixed |
status: | open → closed |
This was fixed somewhere in the jQuery UI 1.9 series
This is because the animated element has to be wrapped during the animation, so the selector no longer finds the element being animated.