how to drag item larger than its container but still be 'contained'

[alycda]

Thank you for this plugin, I would like the containment option to also work if the element being dragged is larger than its container. Once you get to the edge of the dragged element, you should not be able to drag further away from the edge (thus cropping the inner element OR showing too much space/padding by dragging it away from the edge). Do you think something like this is possible? It's for a responsive site I'm working on, so the values need to be recalculated on window resize (but the draggable container stays the same width).

[desandro]

Hi there! Thanks for reporting this issue. I'm having trouble understanding your request. Can you take a look at this example? http://codepen.io/desandro/pen/qpGKx

There's a bug where the dragged element gets shifted to the right edge when you start dragging. Is this the bug you're talking about?

[alycda]

Hi,

I'm not really submitting a bug, I'm asking for the example you showed me to allow the user to drag the element left and right but constrained by the gray 'window' so that you never see 'past' the left/right edge of the element. Kind of like a normal scrollbar will stop you from scrolling past the edge of the element you are scrolling.

[desandro]

Interesting request! Currently, I'm feeling like this is an edge case. But I'll keep the issue open and see if others are interested in this feature.

[alycda]

Thanks for considering it!

[danhumaan]

I know this is quite an old request, but I wondered if this is something that's been addressed or worked into the library? This is precisely something I need to implement.

[desandro]

Sorry, Draggabilly does not support this feature. After 2 years of following this issue, it looks like it hasn't gained enough public interest. Closing for now 🍓