[QUESTION] Disable a block drag&drop

Question

Hello everyone,

I would like to make forbidden the drop of one block before another specific one. Context : i've create a new trait for some blocks to set them as "page header", and I don't want to allow the drag&drop one block before this "page header" as it must be the first block of my template.

I saw I could listen sorter:drag:validation event and update the valid property to false in this perspective. But I can't known the future order of the block I would drop.

So, I would be glad to know one solution to this problem.

Thanks in advance :)

artf · Accepted Answer

From the latest release https://github.com/artf/grapesjs/releases/tag/v0.16.12 you can pass disable property to your block

jcze91 · Answer

Hello, Thx for your response but it's not my use case. I don't want to disable a block drag'n'drop on all the canvas, but I jus want this block to not to be added before another specific component.

artf · Answer

You can see if you're able to achieve it with by using the draggable property (Component) or make use of block:drag:stop event to ensure if the dropped component meets the necessary criteria and remove it if it doesn't

Disable a block drag&drop

Question

Answers (3)

Related Questions and Answers

[QUESTION] Custom component property that is not a trait

Not able to implement it with iframe. "CONTAINER" in frame and "BLOCK" outside the frame

[QUESTION] Support multiple languages for the page content

Test drag and drop with Cypress

Paid Plugins That Match This Issue

Browse Plugin Categories