V2: DnD: slow perfomance at https://surveyjs.io/create-survey-v2

[dmitry-kurmanov]

Ah you mean changing the image based on the drop target it is over? Yeah, that's not possible at the moment.
Note that you shouldn't limit yourself to 1 kind of drag; ie use the manual one in small ranges for ordering items, but use the proper one for adding questions to a survey.

Currently the creator is just very laggy when doing drag & drop from the toolbox. Personally I'd rather have smooth drag & drop, and the UX can be improved by showing contextual information in the drop target instead of on the cursor

.

Originally posted by @SamMousa in #2236 (comment)

[dmitry-kurmanov]

@SamMousa could you please describe that "very laggy" in greater detail to reproduce on our side. Probably we could fix it with the current approach. If not we will discuss the "pros" and "cons" of using native API with the team.

[SamMousa]

https://webm.red/view/tRfH.webm

As soon as there are a few existing question on the page it becomes very noticably laggy.

[dmitry-kurmanov]

what version of the creator you are using react or knockout?

we faced with some performance problem in react version and this is not related to the implementation of the drag drop.

Could you please check it with the production mode react scripts: https://plnkr.co/edit/bzCV9nGIZUB2e4OB ?

[SamMousa]

The video was filmed on https://surveyjs.io/create-survey-v2

[SamMousa]

Could you please check it with the production mode react scripts:

That is a lot better. Even with more questions on the page performance is very acceptable (hard to see any lag unless really looking for it and moving the mouse like a mad man)

Btw, looking at the drag and drop for item sorting, I can't find a case where you actually change the drag preview. The only spot is the toolbox where you put in a question number. That part I already solved in my fiddle.

[dmitry-kurmanov]

The video was filmed on https://surveyjs.io/create-survey-v2

it is ko version we will investigate it

Btw, looking at the drag and drop for item sorting, I can't find a case where you actually change the drag preview. The only spot is the toolbox where you put in a question number. That part I already solved in my fiddle.

we use it in the ranking question in the Library not in the Creator (but drag drop core is the same): https://surveyjs.io/Examples/Library?id=questiontype-ranking&platform=Reactjs&theme=modern please try to "drag over" item and see the number changes