BUG: Cannot Drop MJML Components onto Blank Canvas after version 0.19.4

Question

GrapesJS version

I confirm to use the latest version of GrapesJS

What browser are you using?

105.0.5195.125 (Official Build) (x86_64)

Reproducible demo link

https://codesandbox.io/s/grapesjs-grapesjs-mjml-react-bug-w7qtec?file=/src/index.js

Describe the bug

How to reproduce the bug?

Start with a blank canvas
Try dragging a grapesjs-mjml block editor component onto the blank canvas.
See that you cannot, and receive this warning logged to console:

Video:

There's a delay in the logged warning because CodeSandbox is being slow: screen-capture (3).webm

Code:

I've reproduced the code in this repository as it's easier to test with than in CodeSandbox IMO: https://github.com/Drew-Daniels/grapesjs-react-bug

What is the expected behavior? I would expect to be able to drop components from the grapesjs-mjml block editor onto a blank canvas.

What is the current behavior? I am not able to drop components from the grapesjs-mjml block editor onto a blank canvas. This only occurs after upgrading grapesjs from 0.18.4 to 0.19.4 or above.

If is necessary to execute some code in order to reproduce the bug, paste it here below:

All necessary code is provided in the CodeSandbox link above.

Notes: I created a bug ticket in the grapesjs-mjml repository for this as I originally thought it might have been due to a bug in that plugin. However, after doing some more research I noticed that this problem started occurring after this commit in grapesjs.

Code of Conduct

I agree to follow this project's Code of Conduct

Answers (1)

artf• September 25, 20221 reactions

Thanks for the report Drew, this seems to be related to the Standards mode of the iframes. At the moment to fix it, I'd suggest switching to the Quirks mode by removing the doctype:

grapesjs.init({
  // ...
  canvas: {
    frameContent: '', // default is '<!DOCTYPE html>'
  },
})

I'm closing the issue as it's not really related to the core, soon I'll update the mjml plugin in order to support properly the Standards mode.

BUG: Cannot Drop MJML Components onto Blank Canvas after version 0.19.4

Question

GrapesJS version

What browser are you using?

Reproducible demo link

Describe the bug

Video:

Code:

Code of Conduct

Answers (1)

Related Questions and Answers

BUG: Disabled drag and drop in preview

BUG: Undo Manager creates Duplicate CSS during custom command

BUG: Cannot read properties of undefined (reading 'uploadFile')

BUG: Target :null when adding video

Paid Plugins That Match This Issue

Browse Plugin Categories