jquery/jquery-ui

When container is zoomed, Drag does not sync with mouse cursor

Opened this issue · 4 comments

Offbeatmammal commented

see https://stackoverflow.com/questions/8605439/jquery-draggable-div-with-zoom/8605589#8605589 for specific issue and example along with a workaround

if a container has (eg) $('#container').animate({ 'zoom': currentZoom += .1}, 'fast'); applied to it, any draggable objects in the container will still move but not correctly sync'ed to the cursor position.

I suspect related, but containment also doesn't work (constrains to the original object size, not the zoomed object)

mgol commented

Thanks for the report. Does the issue you describe exist when jQuery UI 1.12.1 is used or only with jQuery UI 1.13.0 or newer?

Offbeatmammal commented

did a quick test and seems to be the same behaviour with 1.12.1 and 1.13.1

mgol commented

Thanks for the report. Since the issue is already in 1.12, given limited team resources it's not likely to be fixed by the UI team; see the project status at https://blog.jqueryui.com/2021/10/jquery-maintainers-update-and-transition-jquery-ui-as-part-of-overall-modernization-efforts/. PRs are welcome if they're not too complex and contain tests.

mgol commented

A test case on JS Bin or similar would also be useful.