Skip to main content

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 scottgonzalez comment:1

This is because the animated element has to be wrapped during the animation, so the selector no longer finds the element being animated.

Changed March 06, 2011 01:28AM UTC by gnarf comment:2

Changed June 28, 2011 04:26PM UTC by gnarf comment:3

status: newopen

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 scottgonzalez comment:4

milestone: TBD1.10.0

Changed January 25, 2013 09:23PM UTC by tj.vantoll comment:5

milestone: 1.10.0none

Changed November 18, 2014 03:45AM UTC by mikesherov comment:6

milestone: none1.9.0
resolution: → fixed
status: openclosed

This was fixed somewhere in the jQuery UI 1.9 series