BUG: Disabled drag and drop in preview
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
v95
Reproducible demo link
https://codesandbox.io/s/grapes-border-issue-forked-2c0ib?file=/src/index.js:10258-10261
Describe the bug
How to reproduce the bug? I am trying to create a custom component, which contains drag end drop feature, and due to the fix of #2904 the draggable attribute is turned off altogether.
What is the expected behavior? The custom component that made intentionally draggable could be previewed as such
What is the current behavior? Currently all of the draggable events are disabled in preview
I am also open to make a pr just first I wanted to discuss which is the best way solve this issue, or maybe this is a design decision of the project.
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (3)
Hi @xQwexx what would be your solution in such a case? We still need to keep the D&D disabled in the preview. Can you also post your component code in order to understand better the use case?
This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take action. Please reach out if you have or find the answers we need so that we can investigate further.
Hi @artf I updated with a demo, also my suggestion would be that use the attributes: { draggable: 'true'}, indicator if the component is draggable in preview and leave the drag handling for the component template like attributes: { draggable: 'true', ondrop: 'drop(event)' , ondragover: 'allowDrop(event)'} I am not 100% percent sure how it is handled now, but I would change this draggable html tags for false if this attribute is not present, when we change to preview.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4432
BUG: Undo Manager creates Duplicate CSS during custom command
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 103.0.5060.66 (Official Build) (64-bit) (c...
Issue #4920
BUG: Missed localization keys for de locale
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Not browser related Reproducible demo link...
Issue #4189
BUG: The component was deselected when the settings were changed (using third party e.g. React/Vue)
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 98 Reproducible demo link https://c...
Issue #4754
BUG: Closing `</script>` tag not escaped for script properties
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 107.0.5304.122 (64-bit) 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.