Drag and drop rendering improperly
Seems like the issue is due to different empty "textnode"s you have in your JSON. How do you obtain that structure?
Read full answer below ↓Question
Version 0.14.40
- Click "Continue"
- Select "You have successfully signed up!" header (sqh-header)
- Drag sqh-header block between "Give $10 and Get $10" and text below
- sqh-header appears visually above the Give $10 Header, but below the Give $10 Header in the layer manager
- Drag sqh-header beneath "Rewards Dashboard" back inside "form-component"
- sqh-header appears visually above "Rewards Dashboard", but below in the layer section
Couldn't reproduce this bug with the demo, and I can't seem to figure out what the issue is. Tried multiple versions of grapesjs and the bug appears each time.
Tested on https://jsfiddle.net/00salmon/ocbxqm91/ using Chrome
Answers (3)
Seems like the issue is due to different empty "textnode"s you have in your JSON. How do you obtain that structure?
Hey @artf,
Thanks for pointing that out. The JSON came from an internal example with more components and the missing bits must've been converted to empty textnodes.
I've removed the empty textnodes in the jsfiddle, but still seem to be getting the issue with the "sqh-header" landing in the wrong spot. Any other clues?
Cheers
Please update the live demo with cleaned JSON
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1368
Resize canvas
Is there a way to have a dynamic resizing of the canvas? i.e not using the Device Manager, but having a drag and drop of the width, similar...
Issue #2337
[BUG / QUESTION] Deleting default styles does not work
Hello, i'm trying to delete some of the default styles of the blocks. I wrote everything I changed in a plugin. I used this function to upd...
Issue #1860
[Bug] Enabling full size dropzone opens asset modal every time you drop a block onto the canvas.
I think what might be happening is that it's not checked if it's really an image that is being dropped onto the canvas? See these 2 links f...
Issue #364
Sort How Block Categories are displayed.
Is there a method to set how the categories are shown in the Block tab?
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.