Drag and Drop

[wpdParticipant]

It seems you cannot drag an object with the parent div (overflow) or long document scrolling together.

In other words, “dragging object in very long div with scrollbars, being the parent’s object div, will not scroll at the same time”

Is there a way around this / fix this ?

Thanks in advance !

[TodorParticipant]

Hello wpd,

Please, share a jsfiddle/codepen example which demonstrates your idea then we would be in greater help.

Best Regards,
Todor

jQWidgets Team
https://www.jqwidgets.com

[wpdParticipant]

below is the jsfiddle link

http://jsfiddle.net/cdpbf5Lo/1/

the original example given by JQWIDGETS
https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxdragdrop/index.htm#demos/jqxdragdrop/defaultfunctionality.htm

i did only changed in css below code highlited
.draggable-demo-catalog
{
position: relative;
width: 397px;
border: 1px solid #bbb;
height: 457px;
float: left;
overflow: scroll;
}

when i drag a item it is not able to drag on the cart with image it is just overflowing

[TodorParticipant]

Hello wpd,

That is because of overflow: scroll;. Horizontal scroll is shown and when you are trying to move the item, the horizontal scroll is resizing. Unfortunately I cannot provide a workaround. You could resize the height of the item container instead of showing a scrollbar.

Let us know if you need further assistance.

Best Regards,
Todor

jQWidgets Team
https://www.jqwidgets.com

[Author]

Posts