Issue #4094Opened January 22, 2022by sridhar3910 reactions

BUG: When drag and drop block into editor in Chrome, not able to drag and drop block

Question

GrapesJS version

  • I confirm to use the latest version of GrapesJS

What browser are you using?

Version 97.0.4692.71 (Official Build) (64-bit)

Reproducible demo link

https://grapesjs.com/demo.html

Describe the bug

How to reproduce the bug?

  1. Drag and drop the basic blocks in the editor

What is the expected behavior?

  1. Drag and drop the basic blocks in the editor and it should be shown in the editor

What is the current behavior? Drag and drop the basic blocks in editor, not able to drag and drop block

In our project also, while Drag and dropping the basic blocks in the editor, not able to drag and drop the block

The Drag and Drop of the basic blocks in the editor working correctly in the firefox browser

https://user-images.githubusercontent.com/17172525/150640943-5cb57b07-500d-457c-8bba-f1269f7d366f.mp4

Code of Conduct

  • I agree to follow this project's Code of Conduct

Answers (3)

artfJanuary 24, 20220 reactions

I see no issues on my side (latest Chrome version).

sridhar391January 25, 20220 reactions

@artf We are using the Ubuntu OS with the latest version of chrome browser, please give us an example on how to debug for the drag and drop functionality and please tell us if there is any callback function called while drag and drop block

Vac1911January 25, 20220 reactions

I am also using ubuntu + chrome and getting the same issue on the demo, the examples in the docs and a locally installed version. Here is a the error message I am getting:

backbone.js:370 TypeError: Cannot read properties of undefined (reading 'uploadFile')
    at r.fetchFile (ComponentImageView.js:31)
    at r.initialize (ComponentImageView.js:19)
    at r.e.View (backbone.js:1224)
    at r [as constructor] (backbone.js:1884)
    at r [as constructor] (backbone.js:1884)
    at new r (backbone.js:1884)
    at r.addToCollection (ComponentsView.js:77)
    at ComponentsView.js:131
    at Module._e (each.js:14)
    at r.each (backbone.js:87) {level: 'error'}

Note: no matter which block I drop in the error is the same

https://github.com/artf/grapesjs/blob/30bb15b71db1b38efadef8500fb70c80821a1dd3/src/dom_components/view/ComponentImageView.js#L32

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.