Search and Top Navigation
#4140 closed bug (wontfix)
Opened February 13, 2009 11:30AM UTC
Closed August 22, 2009 07:46AM UTC
Snap to Grid issues with browser zoom
Reported by: | Jay | Owned by: | |
---|---|---|---|
Priority: | major | Milestone: | 1.8 |
Component: | ui.draggable | Version: | 1.6rc6 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
There is an issue with snapping to grid when the browser uses its internal zoom functionality. The snapping appears to be snapping to the correct position at first then shifts right by approximately 5 pixels.
This can be replicated on http://jqueryui.com/demos/draggable/#snap-to in Internet Explorer 7 and by holding the CTRL key and scrolling the mouse.
I understand it may be very difficult to detect the fact that the browser is zoomed, but the majority of novice users may be zoomed at 125% without even realising it.
Attachments (0)
Change History (6)
Changed February 13, 2009 11:38AM UTC by comment:1
Changed February 13, 2009 12:23PM UTC by comment:2
During zoom in Firefox, the innerWidth property appears to report a different value. The div element is 100% width in css. However this does not occur in Internet Explorer.
Changed February 13, 2009 02:39PM UTC by comment:3
I am using the grid property and not the snap to element property.
Changed February 15, 2009 03:48AM UTC by comment:4
milestone: | TBD → 1.6 |
---|
Changed March 08, 2009 02:36PM UTC by comment:5
milestone: | 1.7 → 1.8 |
---|
Changed August 22, 2009 07:46AM UTC by comment:6
resolution: | → wontfix |
---|---|
status: | new → closed |
Unfortunately it is impossible to my knowledge to reliably detect the page zoom and its value in any browser, so I have to close this ticket for now. If you find a way to detect it that doesn't cause significant overhead, please reopen.
I've also found another bug reported which states that this shift occurs in Internet Explorer and therefore I may not be noticing it with snapping enabled. However when zoomed the snap is incorrect and still snaps to the specified px size rather than the px * zoom.
Also when the browser is zoomed my draggables seem to leave their content behind, for example the div will move around freely but the text content will stay in its original position and only move on the Y axis.