Skip to main content

Bug Tracker

Side navigation

#10662 closed bug (cantfix)

Opened November 04, 2011 09:58AM UTC

Closed November 13, 2011 08:14PM UTC

Last modified March 14, 2012 07:52AM UTC

Slide jumps when first child element has a top margin

Reported by: stijn.herreman@telenet.be Owned by:
Priority: low Milestone: None
Component: effects Version: 1.6.4
Keywords: Cc:
Blocked by: Blocking:
Description

When the first child element of the element being slided, has a top margin, a jump occurs.

Affected browsers:

  • IE 9
  • FF 7
  • Chrome 15

Test case at http://jsbin.com/onuyij

Attachments (0)
Change History (5)

Changed November 05, 2011 09:32PM UTC by timmywil comment:1

component: unfiledeffects
priority: undecidedlow
resolution: → worksforme
status: newclosed

This does not seem to be an issue in the latest version of jQuery. http://jsfiddle.net/timmywil/Ph7pG/

Changed November 06, 2011 02:40AM UTC by stijn.herreman@telenet.be comment:2

It is not reproducible on jsfiddle. See http://jsbin.com/ajuwap/edit#source for a test case with the latest version of jQuery, so please reopen.

Changed November 13, 2011 07:51PM UTC by ryanneufeld comment:3

By disabling the normalize css on jsifddle you can reproduce the bug.

see here: http://jsfiddle.net/ryanneufeld/Ph7pG/4/

What appears to be happening is that the children of the section being animated are losing the margin top, and once it's finished the style is being removed.

Changed November 13, 2011 08:14PM UTC by timmywil comment:4

resolution: worksforme
status: closedreopened

That makes sense. When animating width and height, there really is no way around setting overflow to hidden. When css is not normalized, this means that the elements may appear to have jumps in margin. This is due to the fact that setting overflow to hidden will remove margin collapsing. There are many ways to fix the issue and remove the jumps. One is to use normalized css, which removes all unnecessary margins as well as any margin collapsing. Or, the elements can be floated:

http://jsfiddle.net/timmywil/Ph7pG/7/

Changed November 13, 2011 08:14PM UTC by timmywil comment:5

resolution: → cantfix
status: reopenedclosed