$.fn.css() return values don't match across browsers

[avaly2]

jQuery version: 1.8.0

Browsers: Chrome 21.0.1180.79, Firefox 14.0.1

OS: Windows 7

Steps to reproduce:

1. Create an absolute positioned element with the left property set to a percentage value (L) and a transform property set to translate or translate3d with any value for the x-axis defined (X)
2. Query jQuery for the left property: jQuery(element).css('left')

Expected values:

• Value equal to L (either in percentage or converted to pixels)

Actual values:

• Chrome 21 reports L + X

Value is returned by .offset() which is used in webkit.

• Firefox 14 reports L

Test case: ​http://jsfiddle.net/avaly/MFtDr/10/

[avaly2]

Test case from description uses translate3d.

Test case with translate: ​http://jsfiddle.net/avaly/MFtDr/11/

[mikesherov]

This is because jQuery doesn't take into account translation for its offset methods.

[dmethvin]

Duplicate of #8362.
If the discussion in #8362 is correct, there is a large amount of code needed to normalize this. See the discussion there.