How to drag item out of horizontal scroll container?

Question

I have a container that has overflow:auto so that it scroll's horizontally. I want to be able to drag an item out of that container to an above div. For this I have either been changing the container to overflow visible, or the items to have absolute positioning onClick. Both have resulted in some unsavory results when I scroll sideways and then start dragging an element (using interact.js), the xposition of the scroll is added to the item's place on the screen. This causes it to jump far right, what is the best way to approach this issue?

Can you share some code or JS fiddle of what you're trying to do? That way the question will be more clear. — Sourabh, May 31 '17 at 20:00

score 1 · Answer 1 · answered Sep 09 '19 at 14:06

1

touch-action: pan-x; on a draggable element.

answered Sep 09 '19 at 14:06

Prolomzzz

123
3
8

How to drag item out of horizontal scroll container?

1 Answers1