BUG: cannot "sort" elements of layer panel

Question

GrapesJS version

I confirm to use the latest version of GrapesJS

What browser are you using?

Version 1.56.20 Chromium: 115.0.5790.171 (Offizieller Build) (arm64)

Reproducible demo link

none

Describe the bug

When I try to reorder the elements on my canvas by sorting them in the layer panel, I repeatedly get the following error message while dragging:

Uncaught TypeError: Cannot read properties of undefined (reading 'Canvas')
    at o.selectTargetModel (Sorter.ts:500:27)
    at o.onMove (Sorter.ts:545:10)
    at _e (_executeBound.js:8:65)
    at HTMLDivElement.<anonymous> (bind.js:10:12)
    at HTMLDivElement.<anonymous> (restArguments.js:16:27)

Additionally, upon "mouseup", I get the following error message

Uncaught TypeError: Cannot read properties of undefined (reading 'method')
    at o.move (Sorter.ts:1253:23)
    at o.endMove (Sorter.ts:1177:25)
    at _e (_executeBound.js:8:65)
    at HTMLDocument.<anonymous> (bind.js:10:12)
    at HTMLDocument.<anonymous> (restArguments.js:16:27)

This problem may have been introduced recently as I can remember that sorting worked several days ago...

Code of Conduct

I agree to follow this project's Code of Conduct

Answers (3)

arbisyarifudin• September 6, 20230 reactions

Im facing same issue

rozek• September 6, 20230 reactions

Sorter.ts:500 contains const cv = this.em!.Canvas, which is obviously wrong (as em is null or undefined)

Unfortunately, I don't currently understand the code with all its abbreviations - but: would a change of line 499 to if (model?.set && (this.em != null)) { help here?

Note: indeed, this little "hack" helps me sorting layers - I can move layers down in the list, but not up. And, again, since I do not understand the code, my hack is what it is (a "hack") and not a fix!

artf• September 9, 20230 reactions

Closing as duplicate of https://github.com/GrapesJS/grapesjs/issues/5355

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.

Presets Plugins Components Blocks Assets Commands I18n Layers Styles Storages RTE Newsletters Web pages Site builders

BUG: cannot "sort" elements of layer panel

Question

GrapesJS version

What browser are you using?

Reproducible demo link

Describe the bug

Code of Conduct

Answers (3)

Related Questions and Answers

BUG: canvas.script entries do not respect an "import map"

BUG: canvas.script entries can not be JS modules

BUG: draggable/droppable property functions not called while dragging

BUG: color picker may extend viewport

Paid Plugins That Match This Issue

Browse Plugin Categories