Skip to main content

Bug Tracker

Side navigation

#13561 closed bug (notabug)

Opened March 03, 2013 07:11PM UTC

Closed March 25, 2013 02:50PM UTC

Last modified May 01, 2013 10:39AM UTC

animate function not working properly in Chrome

Reported by: noel_fb@hotmail.com Owned by: noel_fb@hotmail.com
Priority: undecided Milestone: None
Component: unfiled Version: 1.9.1
Keywords: Cc:
Blocked by: Blocking:
Description

Push this code into a BODY tag:

<div id="xxx" style="position: absolute;right: 40px;top: 0;background-color: #EEE;width: 400px;height: inherit;">PRUEBA</div>

And then try this:

$('#xxx').animate({'left': '50%'}, 1000);

In FF is working properly... But NOT in Chrome.

In Chrome the element start in the LEFT, and then move to the right (fail).

In FF start in the original position, and then move to the left (ok).

Sorry for my bad english.

Attachments (0)
Change History (12)

Changed March 03, 2013 08:07PM UTC by rwaldron comment:1

owner: → noel_fb@hotmail.com
status: newpending

Thanks for taking the time to contribute to the jQuery project! Please provide a complete reduced test case on jsFiddle to help us assess your ticket!

Additionally, be sure to test against the "jQuery (edge)" version to ensure the issue still exists—you may need to change this to a specific version depending on the test case.

To get you started, use this boilerplate: http://jsfiddle.net/FrKyN/ Open the link and click to "Fork" (in the top menu) to begin.

Also, please read: http://blog.jquery.com/2013/01/15/jquery-1-9-final-jquery-2-0-beta-migrate-final-released/

Changed March 04, 2013 03:46AM UTC by anonymous comment:2

Changed March 10, 2013 06:57PM UTC by anonymous comment:3

Mejorado:

http://jsfiddle.net/QqJjW/6/

REMEMBER TRY IT IN GOOGLE CHROME!!!

Changed March 10, 2013 07:26PM UTC by Broda Noel comment:4

The problem occurs when an element has defined a "right" in "px", and the animation is defined to make the "right" in "%"

Changed March 25, 2013 08:43AM UTC by trac-o-bot comment:5

resolution: → invalid
status: pendingclosed

Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!

Changed March 25, 2013 09:55AM UTC by samuel comment:6

I confirm this bug, it should not be closed.

http://jsfiddle.net/QqJjW/7/ (a little more readable test case)

Changed March 25, 2013 02:49PM UTC by dmethvin comment:7

resolution: invalid
status: closedreopened

Changed March 25, 2013 02:50PM UTC by dmethvin comment:8

status: reopenedpending

It doesn't make sense to animate the left property as a percentage. A percentage of WHAT?

Changed March 25, 2013 02:50PM UTC by dmethvin comment:9

resolution: → notabug
status: pendingclosed

Changed March 28, 2013 12:42AM UTC by Broda Noel comment:10

A percentage of the parent! or representative!.

So we can say: "align left 50 pixels of WHAT?"

Changed March 28, 2013 12:42AM UTC by Broda Noel comment:11

And, YES, is a bug.

Changed May 01, 2013 10:39AM UTC by lucas.prus@gmail.com comment:12

Definitely a bug and should be reopened:

Another fiddle (try that in Chrome):

http://jsfiddle.net/lucasprus/GjezT/1/

Inspect the green box and see how 'left' property changes if you click 'Animate left' or 'Animate right'.

That works fine in the rest of my browsers.