Bug 27161 - (zoom-js-positioning) JS positioned elements get misplaced on zooming
(zoom-js-positioning)
: JS positioned elements get misplaced on zooming
Status: UNCONFIRMED
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering
: 528+ (Nightly build)
: All Mac OS X 10.5
: P2 Normal
Assigned To: Nobody
http://jqueryui.com/demos/datepicker/
:
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2009-07-10 16:02 PDT by Patrick
Modified: 2009-07-29 12:49 PDT (History)
2 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Patrick 2009-07-10 16:02:22 PDT
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.
Comment 1 Dav Glass 2009-07-29 10:18:12 PDT
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
Comment 2 Dav Glass 2009-07-29 11:14:26 PDT
Just tested against: Version 4.0.2 (5530.19, r46507)

And it is fixed in that version..
Comment 3 Patrick 2009-07-29 12:33:07 PDT
Hey Dav,

Did you test this too? http://jqueryui.com/demos/datepicker/
Comment 4 Dav Glass 2009-07-29 12:46:56 PDT
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
Comment 5 Patrick 2009-07-29 12:49:32 PDT
Thanks for testing Dav!