Block Placeholder
You can change the aspect of the line with your custom CSS but you can't move other components around it, the DOM of the placeholder is like a layer on top of the canvas and not between them
Read full answer below ↓Question
I just noticed, it is hard to drag blocks/component from toolbox if the placeholder (a line with yellow green color e.g see it in demo online) is just a lign.
Is it possible to make the "yellow green line/placeholder" to become a box and while we are dragging the blocks, this placeholder should take up some space like a new element is there.
For example Default: https://imgur.com/Ym69GDt
Is it possible to make it a block tahas has some height and all other elements below it will move down to make some space on it? Like this https://imgur.com/WbLbyZw
Answers (2)
You can change the aspect of the line with your custom CSS but you can't move other components around it, the DOM of the placeholder is like a layer on top of the canvas and not between them
Can you explain this a little bit as to how can we update the custom CSS?
Related Questions and Answers
Continue research with similar issue discussions.
Issue #5199
Changes in component's attributes being reproduced in all the instances instead of just one
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v114 Reproducible demo link https:/...
Issue #4792
Drag and drop broken in 20.2
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v108Reproducible demo link see belowD...
Issue #4094
When drag and drop block into editor in Chrome, not able to drag and drop block
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 97.0.4692.71 (Official Build) (64-...
Issue #3579
RTE misplaced when opened right after dropping `activeOnRender` component
Version: 0.17.4 Are you able to reproduce the bug from the demo?[x] Yes[ ] No Steps to reproduce:Go to the demoDrop a "Text" block inside t...
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.