Jquery UI Sortable Drag and drop issue with overflow-x : hidden

[LingeshK11]

will assign body element with overflow-x: hidden style property. After applying the property will not be able to drag and drop the sortable element outside the display area since the vertical scroll is not moved while dragging outside

[mgol]

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?

[LingeshK11]

@mgol We are using jQuery UI 1.12.1

[mgol]

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.

[mgol]

Also, whoever works on it would still need a test case so please provide one if you want to increase the chance of getting this fixed.

[LingeshK11]

Case :
When I apply parent element [ body ] with [ overflow-x : hidden ]. Overflow-y will be allowed to the body tag but I will not able to sort the element outside the display area.

Here I attached the sample gif

[mgol]

A gif is not enough. Please submit a live test case on a site like JS Bin.