Bug Tracker

Modify

Ticket #1123 (closed bug: cantfix)

Opened 6 years ago

Last modified 23 months ago

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:
Blocking: Blocked by:

Description (last modified by brandon) (diff)

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

jquery-bug.zip Download (22.0 KB) - added by hobbit 6 years ago.
An example file

Change History

Changed 6 years ago by hobbit

An example file

comment:1 Changed 6 years ago by hobbit

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

comment:2 Changed 6 years ago by brandon

  • Owner changed from paul to john
  • Component changed from dimensions to core

comment:3 Changed 6 years ago by brandon

  • need changed from Review to Test Case
  • Component changed from core to fx
  • Description modified (diff)

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

comment:4 Changed 6 years ago by davidserduke

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 3 years ago by dmethvin

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

comment:6 Changed 3 years ago by snover

  • Status changed from new to 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 3 years ago by jitter

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 3 years ago by jitter

  • Priority changed from major to low
  • Status changed from pending to open
  • Version changed from 1.1.2 to 1.4.4
  • Milestone set to 1.5

comment:9 Changed 2 years ago by anonymous

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 2 years ago by timmywil

  • Version changed from 1.4.4 to 1.6b1
  • Milestone set to 1.next

comment:11 Changed 23 months ago by timmywil

  • Owner set to timmywil
  • Status changed from open to assigned

comment:12 Changed 23 months ago by john

We confirmed this in a triage meeting.

comment:13 Changed 23 months ago by timmywil

  • Status changed from assigned to closed
  • Resolution set to cantfix

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

Please follow the  bug reporting guidlines and use  jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

View

Add a comment

Modify Ticket

Action
as closed
Author


E-mail address and user name can be saved in the Preferences.

 
Note: See TracTickets for help on using tickets.