draggable + sortable offset is wrong

[barisusakli]

After upgrading from 1.12.1 to 1.13.0 dragging an item to a sortable causes the helper to go out of page when it is over the sortable.

The code to create the draggable is below.

	$('#widgets .available-widgets .widget-panel').draggable({
			helper: 'clone',
			distance: 10,
			connectToSortable: '.widget-area',
		});

Same code works fine on 1.12.1. Feel free to close if this is already reported since I saw some other issues with draggable on 1.13.0

[mgol]

Thanks for the report. Can you provide a test case on JS Bin? Thanks!

[barisusakli]

Hi @mgol here is a jsbin https://jsbin.com/cibumufeni/1/edit?html,css,js,output

This uses 1.12.1 and the drag/drop works. If you change the library included to 1.13.0 it will cause the issue you see in the gif above.

[mgol]

Thanks! That confirms it.

[mgol]

I bisected it to c866e45. PR that introduced the regression: #1793.

[mgol]

Fix at #2009: restoring one removal from #1793 fixes the issue.

[mgol]

jQuery UI 1.13.1 including a fix for this issue has been released: https://blog.jqueryui.com/2022/01/jquery-ui-1-13-1-released/.

[gaojianzhuang]

I used the 1.13.1, I have another issue, when drag the element into the iframe and sortable, the cloned element offset change, but end sortable, the offset works again.

Anybody can help figure out the root cause? Thanks.
BTW, when start the drag operation, the drag not smoothly and feel some lags.

[mgol]

@gaojianzhuang This issue is closed. If you have another similar one, please open a new issue and provide a runnable test case without third-party libraries.