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-scrolledEither 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
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.
Marcelo Ferreira wrote:
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!
.