offset() and position() return wrong values in Chrome when page is zoomed

[gkertesz]

offset() and position() return true pixel values in Google Chrome at all page zoom levels.

In contrast, in FF, IE and Opera they return values compensated for the actual page zoom.

[jaffathecake]

This is because getBoundingClientRect is buggy in webkit (same issue exists in Safari 4). I'm guessing it's returning the rect after the zoom has been applied.

To fix the issue, avoid getBoundingClientRect in webkit.

Cheers, Jake.

[jaffathecake]

Looks like they've fixed the issue in webkit ​https://bugs.webkit.org/show_bug.cgi?id=25750

[snover]

This should be fixed in all currently support versions of Chrome (7+). Please reopen if this is not the case.

[[email protected]…]

In 2012, this seems to be broken again. I'm using jquery ui autocomplete in Chrome 17:

​http://stackoverflow.com/questions/3638688/jqueryui-autocomplete-suggestions-misplaced-in-chrome

[anonymous]

I am experiencing this issue as well, I've upgraded to latest versions of jquery but it hasn't made a difference

[anonymous]

I am experiencing this issue too using:

 $(selector).animate({left: '-=' + value}, 200)

does not return the correct 'left' value when zoomed but the code:

 $(selector).css('left')

does return the correct value.

[anonymous]

Here is the Fiddle for the example above

​http://jsfiddle.net/sFYjc/2/

[anonymous]

Comment 7 pretty much sums up the problems that I've been having with even the latest versions of jQuery. The behavior is slightly different but just as problematic when zoomed out. I've noticed that browsers using the Webkit engine are affected, and IE and Firefox have no such issues.

[anonymous]

I am experiencing this problem too - with Chrome version 23.

Same as comment 6 & 7

​http://jsfiddle.net/sFYjc/2/

[anonymous]

Filed a bug in webkit: ​https://bugs.webkit.org/show_bug.cgi?id=105979

[mikesherov]

Adam, thanks for filing the WebKit bug. You have a typo in the title: getComputerdStyle.

[mikesherov]

There is progress! ​https://bugs.webkit.org/show_bug.cgi?id=105979

[[email protected]…]

Here's one for .css('left') I happened to stumble accross.. well, guess I'm waiting for it to be fixed. ​http://jsfiddle.net/RaznH/1/