#1123 closed bug (cantfix)

Opened April 13, 2007 12:29PM UTC

Closed July 13, 2011 03:00AM UTC

The border and padding venish immediatly in animation

Reported by:	hobbit	Owned by:	timmywil
Priority:	low	Milestone:	1.next
Component:	effects	Version:	1.6b1
Keywords:	animation, border, padding, img	Cc:
Blocked by:		Blocking:

Description

When the animation starting, the link's top and left paddings and borders venish immediatly.

See it in the attached file.

I used this script:

$(document).ready(function(){
   $("a.logo").click(function(){
      $(this).fadeOut(2000, function(){
         document.location=$(this).attr("href");
         $(this).fadeIn(0);
      });
      return false;
   });
));

Attachments (1)

jquery-bug.zip (22.0 KB) - added by hobbit April 13, 2007 12:30PM UTC.

An example file

Change History (13)

Changed April 16, 2007 08:10AM UTC by hobbit comment:1

The component is core, not dimensions. I'm sorry!

Changed April 16, 2007 02:42PM UTC by brandon comment:2

component:	dimensions → core
owner:	paul → john

Changed May 15, 2007 12:27PM UTC by brandon comment:3

component:	core → fx
description:	When the animation starting, the link's top and left paddings and borders venish immediatly.[[BR]]\ See it in the attached file.[[BR]]\ [[BR]]\ I used this script:[[BR]]\ {{{\ $(document).ready(function(){\ $("a.logo").click(function(){\ $(this).fadeOut(2000, function(){\ document.location=$(this).attr("href");\ $(this).fadeIn(0);\ });\ return false;\ });\ ));\ }}} → When the animation starting, the link's top and left paddings and borders venish immediatly.[[BR]] \ See it in the attached file.[[BR]] \ [[BR]] \ I used this script:[[BR]] \ {{{ \ $(document).ready(function(){ \ $("a.logo").click(function(){ \ $(this).fadeOut(2000, function(){ \ document.location=$(this).attr("href"); \ $(this).fadeIn(0); \ }); \ return false; \ }); \ )); \ }}}
need:	Review → Test Case

Actually this is fx and it would be nice if we could see the CSS and HTML as well.

Changed November 14, 2007 10:04PM UTC by davidserduke comment:4

This appears to be an issue with IE and negative margins. By the way the CSS and HTML are in the zip file. It works in FF, but not in IE.

Changed June 23, 2010 02:36AM UTC by dmethvin comment:5

Retested with IE8 and jQuery 1.4.3, still broken. Works fine if the negative margins are removed.

Changed October 14, 2010 03:14AM UTC by snover comment:6

status:	new → pending

This ticket has been marked as missing a test case. In an effort to reduce the number of outstanding tickets in the bug tracker, it will be closed automatically in 30 days. In order to prevent this from happening, please provide a working test case. If a test case has already been provided and our records are wrong, please respond to the ticket so that it can be fixed. Thank you!

Changed October 29, 2010 11:31AM UTC by jitter comment:7

This ticket isn't missing a test case it's in the appended zip file.

I made a test case on jsfiddle. I can confirm this still happens with jQuery 1.4.3 and IE6. In a previous comment dmethvin confirmed this happens with IE8 and 1.4.3 too.

As dmethvin mentions it seems to be related to the image having negative margin values

Changed November 16, 2010 10:04AM UTC by jitter comment:8

milestone:	→ 1.5
priority:	major → low
status:	pending → open
version:	1.1.2 → 1.4.4

Changed December 19, 2010 05:16AM UTC by anonymous comment:9

I ran into this issue myself and came across a solution.

$(".block").animate({"borderWidth": "+=5px"}, "slow");

Causes a problem. However...

$(".block").animate({"borderTopWidth": "+=5px"}, "slow");

Does not suffer from the issue. It appears to be an issue with retrieving borderWidth property...which seems to always yield undefined.

Changed April 17, 2011 07:00PM UTC by timmywil comment:10

milestone:	→ 1.next
version:	1.4.4 → 1.6b1

Changed July 11, 2011 05:32PM UTC by timmywil comment:11

owner:	→ timmywil
status:	open → assigned

Changed July 11, 2011 06:04PM UTC by john comment:12

We confirmed this in a triage meeting.

Changed July 13, 2011 03:00AM UTC by timmywil comment:13

resolution:	→ cantfix
status:	assigned → closed

Having investigated this further, this is a side-effect of applying the filter. I don't think there's anything we can do here. However, in order to reproduce this bug, I needed to have a very specific combination of tags and styles so this is an extreme edge case.

Reproducing test case

Adjusted original to only set filter

Side navigation