sortable not working correctly when contained in "overflow-y:scroll" and "connectWith".
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 11.3k
- Forks
- 5.2k
- PR merge metrics
- No merged PRs in 30d
Description
I have two divs (height:50vh) which each contain a table with many rows/items.
both tables are sortable and connected using connectWith.
Scrolling is disabled on the widget. All works fine.
But when the second div is scrolled down and I try to drag an item from the lower table up to the table above, it handles the wrong table/items. It sends the "update"-event for the table/item that is behind the upper table, even if this item is scrolled out of the viewport and not visible. So it should send the update-event on one of the visible items from the upper table.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the case with two 50vh divs, overflow-y:scroll, connected sortable tables, and a scrolled second container. Trace sortable target detection and the update event while dragging into the upper table; done means the event targets a visible item in the destination table rather than content hidden behind it.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, jquery
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100