Skip to main content

Search and Top Navigation

#8452 closed bug (wontfix)

Opened July 20, 2012 01:56PM UTC

Closed September 23, 2012 08:26PM UTC

Last modified April 21, 2013 09:07PM UTC

Draggable objects jump around when dragging at zoom levels other than 100% in Chrome

Reported by: masak Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.draggable Version: 1.8.21
Keywords: Cc:
Blocked by: Blocking:
Description

On http://jqueryui.com/demos/draggable/ using Google Chrome Version 19.0.1084.56 (on Ubuntu), dragging works fine with zoom level 100%. With other zoom levels, the initial coordinates of the box are wrongly computed, making the box jerk when dragged. The effect gets more pronounced the further the box is from its point of origin.

Here's how you change zoom levels on Chrome: Ctrl++ and Ctrl+-, or the wrench menu and "Zoom".

My expectation is for dragging to work fine even under other zoom levels than 100%.

Attachments (0)
Change History (9)

Changed July 23, 2012 12:03AM UTC by mrjeff comment:1

I am experiencing the exact same issue using Chrome Version 20.0.1132.57 on Windows. Issue appears for me when revert is set to 'invalid' and item is dragged on top of item which is valid.

Everything appears to be working working fine on IE9 and Firefox 14.

Changed August 31, 2012 11:50AM UTC by ahmiz comment:2

_comment0: Came across this while searching for "Chrome zoom" bugs. \ \ Perhaps this is related to the Slide effect bug I opened at http://bugs.jqueryui.com/ticket/8538 \ \ That also only affects Chrome when the page is zoomed in/out. \ \ As for this issue, the effect can be clearly seen on the Draggable demos page at http://jqueryui.com/demos/draggable/, under "Revert position". Zoom in/out in Chrome, drag one of the boxes, and watch the box suddenly jump to a different initial position before moving back.1346413937027940

Came across this while searching for "Chrome zoom" bugs.

Perhaps this is related to the Slide effect bug I opened at http://bugs.jqueryui.com/ticket/8538

That also only affects Chrome when the page is zoomed in/out.

As for this issue, the effect can be clearly seen on the Draggable demos page at http://jqueryui.com/demos/draggable/, under "Revert position". Zoom in/out in Chrome, drag the "Revert to original" box, and watch the box suddenly jump to a different initial position before going back to its original position.

Changed September 23, 2012 08:26PM UTC by scottgonzalez comment:3

resolution: → wontfix
status: newclosed

jQuery doesn't support zooming.

Changed January 23, 2013 11:52AM UTC by nick4fake comment:4

Replying to [comment:3 scott.gonzalez]:

jQuery doesn't support zooming.

I think, you misunderstood the bug. It really exists. And it is related to jQuery ui, not jquery itself. Please, reopen it, it is annoying.

Changed January 23, 2013 02:11PM UTC by scottgonzalez comment:5

What did I misunderstand? Is this about a problem that only exists when the page is zoomed or not?

Changed January 23, 2013 02:35PM UTC by masak comment:6

Replying to [comment:5 scott.gonzalez]:

What did I misunderstand? Is this about a problem that only exists when the page is zoomed or not?

Yes, that is correct. Dragging doesn't work as expected on zoom levels other than 100%. The result is fragility in the face of zooming.

Changed January 23, 2013 02:41PM UTC by scottgonzalez comment:7

So what did I misunderstand? jQuery core doesn't handle zoomed pages.

Changed February 27, 2013 01:17PM UTC by tj.vantoll comment:8

#9127 is a duplicate of this ticket.

Changed April 21, 2013 09:07PM UTC by tj.vantoll comment:9

#9238 is a duplicate of this ticket.