Using forceFallback causes laggy behaviour

[directcuteo]

I have 2 lists: one is a non-sortable list from where I can clone elements and drag in the second list which is a simple, sortable list. The only way that what I want to achieve is by using forceFacllback: true on the non-sortable list but when I start dragging, the element is very laggy until it leaves the area of the non-sortable list. When it is over another part of the DOM it is very fluid. What may the problem be? Can I fix it somehow? If I don't use forceFallback everything becomes very laggy.

Here is my configuration:

Non-sortable list: ` sortableWidgetOptions: SortablejsOptions = {

group: {
  name: 'widget',
  pull: 'clone',
  put: false
},
sort: false,
delay: 0,
forceFallback: true,
fallbackTolerance: 0,
fallbackOnBody: true

}; `

Simple sortable list:

` sortableOptions: SortablejsOptions = {

group: {
  name: 'widget'
},
handle: '.handle',
delay: 0,
forceFallback: true,
fallbackTolerance: 0,
fallbackOnBody: true,
swapThreshold: 0.65,
ghostClass: 'move-ghost'

};`