Bug Tracker

Opened 8 years ago

Closed 8 years ago

#10259 closed bug (wontfix)

Animate() issue with += on border-width

Reported by: samishii23 Owned by:
Priority: low Milestone: None
Component: css Version: 1.6.3
Keywords: Cc:
Blocked by: Blocking:

Description

Issue: When using animate() with "border-width" property, and using the "+=" operator, the width resets itself each function run. While the 1st property animate "width" gets added to and keeps getting longer while the border-width does not.

Works on IE 8 Platforms Effected: Chrome 14 Beta, Firefox 6.0.1, Safari 5.1, IE 9

http://jsfiddle.net/samishii23/8pb42/

Change History (4)

comment:1 Changed 8 years ago by samishii23

Re-worded Edit: Works on: IE 8, but not on: Chrome 14 Beta, Firefox 6.0.1, Safari 5.1, IE 9

comment:2 Changed 8 years ago by dmethvin

border-width is a shorthand property that takes the form 4px 4px 4px 4px for example, so it cannot be animated. You could animate border-right-width however, which is a single number.

comment:3 in reply to:  2 Changed 8 years ago by samishii23

Replying to dmethvin:

border-width is a shorthand property that takes the form 4px 4px 4px 4px for example, so it cannot be animated. You could animate border-right-width however, which is a single number.

Hmm, true that is short hand. How ever, what I am saying, is that it animates the change. But it does not animate the additive change. Thus, every time the animation occurs, the border width goes from 1px -> 11px. It does animate. Just not from 1 -> 11 -> 21 etc.

Version 2, edited 8 years ago by samishii23 (previous) (next) (diff)

comment:4 Changed 8 years ago by Rick Waldron

Component: unfiledcss
Priority: undecidedlow
Resolution: wontfix
Status: newclosed
Note: See TracTickets for help on using tickets.