864781 - Firefox renders a jQuery Animation incorrectly.

Status: RESOLVED WORKSFORME

(Core :: Layout, defect)

Description

[Pathogenix]

User Agent: Mozilla/5.0 (Windows NT 6.2; WOW64; rv:21.0) Gecko/20100101 Firefox/21.0
Build ID: 20130416200523

Steps to reproduce:

CSS:
div.Arrow{
            color: rgb(20,20,20);
            opacity: 0.35;
            cursor: pointer;
            width: 75px;
            height: 200px;
            position: fixed;
            right: 275px;
            bottom: 15px;
            text-align:center;
            background: url('/Pages/Images/Arrow.png') no-repeat bottom;
            background-size: contain;
        }

jQuery Code:

$(".Arrow").mouseenter(function () {
                $(this).stop().animate({
                    bottom: 30 + 'px',
                    right: '275px',
                }, 125, 'easeInOutQuart', function () {
                    $(this).stop().animate({
                        bottom: 15 + 'px',
                        right: '275px',
                    }, 125, 'easeInOutQuart');
                });
            })


Actual results:

The arrow moves very dis-functionally to the right.


Expected results:

The arrow should only move vertically.

Comment 1

[mjh563]

Could you attach (or link to) a complete test case?

Comment 2

[Pathogenix]

(In reply to mjh563 from comment #1)
> Could you attach (or link to) a complete test case?

http://www.nlpromotions.co/

This is my site that is currently in development that has the problem.
Mouse over the arrow on the bottom right hand corner of the screen.

Comment 3

[mjh563]

Attachment: Testcase

This is a reduced testcase based on the reporter's page. 

Move the mouse in and out of the red block. The block should only move up and down, not sideways.

Comment 4

[mjh563]

The regression range is

Last good nightly: 2012-06-06
First bad nightly: 2012-06-07

Pushlog:
http://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=6338a8988917&tochange=7e4c2abb9fc9

Comment 5

[mjh563]

Attachment: Testcase

(Fixed the testcase to remove mixed-content script load)

Comment 6

[Matthias Versen [:Matti]]

That looks like a regression from bug 157681 and a dupe of bug 854760/bug 844178

Comment 7

[Mike Taylor [:miketaylr]]

Attachment: 864781.html

(updated TC to point to https jQuery CDN)

Comment 8

[Mike Taylor [:miketaylr]]

This seems fixed now.