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?
- Drag and drop the basic blocks in the editor
What is the expected behavior?
- 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
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (3)
I see no issues on my side (latest Chrome version).
@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
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
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4732
BUG: Tabs behaviour after HTML import
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 107 (MacOS) Reproducible demo link...
Issue #4039
BUG: When drag and drop block into editor in Chrome, error thrown
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromw 96.0.4664.45 Reproducible demo link...
Issue #4921
BUG:
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 110.0.5481.78 (Official Bui...
Issue #6666
BUG: Layer panel: drag and drop makes items disappear (firefox and chrome)
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 137.0 and Chrome 136.0.7103.92 Rep...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.