Opened 16 years ago
Closed 12 years ago
#1123 closed bug (cantfix)
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 (last modified by )
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)
Change History (14)
Changed 16 years ago by
Attachment: | jquery-bug.zip added |
---|
comment:2 Changed 16 years ago by
Component: | dimensions → core |
---|---|
Owner: | changed from paul to john |
comment:3 Changed 16 years ago by
Component: | core → fx |
---|---|
Description: | modified (diff) |
need: | Review → Test Case |
Actually this is fx and it would be nice if we could see the CSS and HTML as well.
comment:4 Changed 15 years ago by
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.
comment:5 Changed 13 years ago by
Retested with IE8 and jQuery 1.4.3, still broken. Works fine if the negative margins are removed.
comment:6 Changed 12 years ago by
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!
comment:7 Changed 12 years ago by
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
comment:8 Changed 12 years ago by
Milestone: | → 1.5 |
---|---|
Priority: | major → low |
Status: | pending → open |
Version: | 1.1.2 → 1.4.4 |
comment:9 Changed 12 years ago by
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.
comment:10 Changed 12 years ago by
Milestone: | → 1.next |
---|---|
Version: | 1.4.4 → 1.6b1 |
comment:11 Changed 12 years ago by
Owner: | set to timmywil |
---|---|
Status: | open → assigned |
comment:13 Changed 12 years ago by
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
An example file