JS positioned elements get misplaced on zooming

• Component: Layout and Rendering
• Status: RESOLVED CONFIGURATION CHANGED

[Patrick]

Some dropdown menus that use JS for positioning get wrongly positioned on zooming in or out, it only shows the menu at the right position when no zooming is done. Otherwise it might appear down the page instead of where it should be. I found an example online, not exactly a menu but it's the same problem:

http://jqueryui.com/demos/datepicker/

Put the focus the "Date" text input, the datepicker should appear. Zoom in and it gets out of place.

I can reproduce this with Webkit Nightly, Chrome and QtWebkit on all platforms.

[Dav Glass]

This seems to be an issue in getBoundingClientRect. It's returning page level non-zoomed box information even when zoomed.

Here is a small repro case:

http://blog.davglass.com/files/bugs/safari/bug-27161.html

[Dav Glass]

Just tested against: Version 4.0.2 (5530.19, r46507)

And it is fixed in that version..

[Patrick]

Hey Dav,

Did you test this too? http://jqueryui.com/demos/datepicker/

[Dav Glass]

Patrick --

It looks to work for me with that nightly:

http://skitch.com/davglass/b3qq9/jquery-ui-colorpicker-zoomed-2

That is the color picker zoomed x 2

[Patrick]

Thanks for testing Dav!

[Ahmad Saleem]

I took the test case from Comment 01 via Wayback Archive:

Link - https://web.archive.org/web/20100521062155/http://blog.davglass.com/files/bugs/safari/bug-27161.html

I am not able to reproduce this in Safari 16 and the numbers with and without zoom and marginal (due to pixel difference in clicking within red dot).

Further, Comment 02 confirms that it was fixed and also again in Comment 04 for original test case.

I am going to mark this as "RESOLVED CONFIGURATION CHANGED". Thanks!