[Bug] Draggable property added in the final HTML text components
See original GitHub issueThis bug is also on the online demo : https://grapesjs.com/demo.html
- Add a Text Block to the page, start typing and hiting enter to make several break lines.
- Unselect the block.
- Double click on the block to start editing again.
Now if you click on the “view code” button, you will see that the HTML nodes inside the Text Block have some draggable="true
attributes.
This always occure at step three. The first time you edit the text and add break lines, everything is fine, as long as you do not want to edit the block again later.
The problem is, in the final HTML displayed on a website, these attributes are still there. You can not select anything because the navigator interpreting the draggable attributes.
And yes I am saving in database both of the html
and components
separately
It seems like a bug to me, or I misunderstood something else
Issue Analytics
- State:
- Created 4 years ago
- Comments:5 (1 by maintainers)
Top Results From Across the Web
draggable - HTML: HyperText Markup Language | MDN
The draggable global attribute is an enumerated attribute that indicates whether the element can be dragged, either with native browser ...
Read more >Draggable HTML elements positioning BUG - Stack Overflow
I have two draggable HTML elements inside a div ("border"). The first element (the "My Video's" folder) stays perfectly in between the bounds...
Read more >Using the HTML5 Drag and Drop API - web.dev
The HTML5 Drag and Drop API means that we can make almost any element on our page draggable. In this post we'll explain...
Read more >7.7 Drag and drop — HTML5 - W3C
To make an element draggable is simple: give the element a draggable attribute, and set an event listener for dragstart that stores the...
Read more >HTML Drag and Drop API - W3Schools
In this case, the data type is "text" and the value is the id of the draggable element ("drag1"). Where to Drop -...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Ok I’ll try to check this out
@artf The same issue exists in the latest online demo : https://grapesjs.com/demo.html Please help me find a solution to the problem. Although it’s marked fixed, but maybe because of some other code it’s happening again.