[bug] Horizontal sorting problem on RTL direction css style - Githubissues

SortableJS / Sortable

Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.

https://sortablejs.github.io/Sortable/

MIT License

29.59k stars 3.7k forks source link

[bug] Horizontal sorting problem on RTL direction css style #2282

Open taha-moghaddam opened 1 year ago

taha-moghaddam commented 1 year ago

When our list-group-items are display: inline-block and they are in a container with RTL direction the sorting functionality not working properly and usually moving element jumps to end of list on most left side.

me82852578 commented 10 months ago

I have same issue

Green is the expected swap area, but when there are inline or inline-block elements inside, the actual swap area becomes the red line.

截圖 2023-12-08 上午11 22 59

This is the situation when it doesn't exceed the inline-block, everything is normal: https://github.com/SortableJS/Sortable/assets/46883007/4705e54b-2739-42f7-b207-c662ccf9e708

This is the situation when it exceeds the inline-block, unexpected issues occur: https://github.com/SortableJS/Sortable/assets/46883007/4eaea2cb-4f08-41de-9b9a-3c5888a7ae87