Drag and Drop not working in resized editor window in Google Chrome

Question

Hi, I developed some components and all works fine in Firefox, Opera browser. In Google chrome also working fine in fullscreen editor mode only. But, when resizing the editor screen size(custom width & height), drag and drop is not working for all components. The green bar to point the target drop location is also not showing. In Some times, It only allows only one component to drag and drop and then it blocks all other components. And No errors are shown in console window. I tried a lot to fix...

muzniousx · Accepted Answer

Hi, Thanks for your reply. editor.refresh() also didn't work. But, finally the issue was fixed when updating the google chrome and grapesjs-preset-newsletter.

artf · Answer

Can you explain how do you resize the editor?

muzniousx · Answer

This is the function i use for resize the window. function resizeEditor() { if ($('.detailview-header').length > 0) { $('#MyTemplateEditor').height(($(window).height() - 150 - $('.detailview-header').outerHeight(true) - 70) + 'px'); } else { $('#MyTemplateEditor').height(($(window).height() - 150) + 'px'); } $('#MySettingsContentContainer').height(($('#MyTemplateEditor').height() - 65) + 'px'); } //This is how i initially resize the editor window resizeEditor(); $(window).on('resize', resizeEdi...

Drag and Drop not working in resized editor window in Google Chrome

Question

Answers (3)

Related Questions and Answers

Editor.setdevice() not working properly on some browsers.

IE 11 issue

[BUG] Drag and drop blocks are not working in IE Browser

[QUESTION] ID changes when importing html or passing html in components prop in config.

Paid Plugins That Match This Issue

Related tutorials

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Browse Plugin Categories