Hi all.

I'm developing and application where I have two lists with droppable areas and a side menu with draggable items.

When I scroll the screen the position of the item messes up.

I tried to look for something on google and ended up in this question: https://stackoverflow.com/questions/5791886/jquery-draggable-shows-helper-in-wrong-place-after-page-scrolled

Either I'm not applying what they suggest correctly or it's still not working.

I have tried applying this suggestion as well: https://jsfiddle.net/7AxXE/ but I get an error saying that draggable is not a function.

I'm sending you 2 pictures with the structure of the elements as I can't send the oml.

Btw, I'm using this component from forge, in the example you can experience the same behaviour.

https://www.outsystems.com/forge/component-discussions/385/Drag+and+Drop

Hi Denis,

I understand you can't send the module but can you replicate that error in a simple test module and send that one. If you do I will look into it.

Regards,

Marcelo

Hi Marcelo!

Thank you very much for your help!

I created this example module.

When you click on the "ok" button a side bar is displayed with draggable items. On the main screen I have a list of positions where I can drop the items. When I have to scroll the main list to drop the item in a bottom position the item changes its position.


Edit: I have tried to apply the options from this discussion: https://stackoverflow.com/questions/5791886/jquery-draggable-shows-helper-in-wrong-place-after-page-scrolled

Hi Denis,

I'm not seeing the behavior you describe. The elements on the side bar never change position. Can you explain better your problem?

In your example the only change I did was move the DragAndDropsScripts to the main page instead of having them on the ItemList.

Regards,

Marcelo

Marcelo Ferreira wrote:

Hi Denis,

I'm not seeing the behavior you describe. The elements on the side bar never change position. Can you explain better your problem?

In your example the only change I did was move the DragAndDropsScripts to the main page instead of having them on the ItemList.

Regards,

HMarcelo

Hi Marcelo.

I attached a screen shot showing you the positions of the cursor and the item from the list after scrolling.


Thank you!

.

.

.

.

.