Issue #808Opened January 26, 2018by austinbiggs1 reactions

[Question] Create space where component would drop

Question

As mentioned in the title (which may be a bit confusing), I'm curious about how to create a space where component would drop. This is very common in implementations of dragging/sorting I've seen. (eg. https://shopify.github.io/draggable/ and jQuery Sortable)

From what I understand of the drop placeholder (green bar in attachment), it's in a separate "Layer" and actually lives outside the canvas. I want to implement a better drop placeholder, I'm just not sure where to start when implementing this.

I have a similar request open regarding the DRAG placeholder, however, I'm speaking about the DROP placeholder in this issue.

The following code doesn't return what I would expect either...

editor.on('sorter:drag:start', (src, srcModel) => {
	console.log( 'src: ', src );
	console.log( 'srcModel: ', srcModel );
})

screen shot 2018-01-26 at 12 03 04 pm

Answers (3)

bogdansmadiciOctober 7, 20221 reactions

Hello @austinbiggs, any updates about this?

Thank you!

artfJanuary 29, 20180 reactions

From what I understand of the drop placeholder (green bar in attachment), it's in a separate "Layer" and actually lives outside the canvas. I want to implement a better drop placeholder, I'm just not sure where to start when implementing this.

Exactly and the reason behind this approach is better performances (less DOM manipulations) and IMHO less confusing, so I don't have any valid reason to start working on this feature. If you want to start by yourself I think onMove method from the Sorter is a good start

alimajed93July 23, 20190 reactions

Hello @austinbiggs ,

I am interested in the feature you mentioned above, so any updates? Did you start and manage to do it?

Thank you.

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.