I've noticed some inconsistencies when moving DOM components around in the canvas. Description in the gif below using the Webpage Demo: In my case, I do see the DOM component "moves" being reflected when I output editor.DomComponents.getComponents(). They actually get reordered, but the Canvas does not reflect those moves sometimes.

🤔 How to: Reordering components in the canvas

Answers (2)

artf• August 2, 2018

Never had time to debug it but I think it caused somehow by components with float: right style applied

jmrgz• August 2, 2018

Yes, it is related to the float right property. Actually, that is the real behavior of the float right property (the last html element appears the first) so I do not see an easy solution.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →

Premium option

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.

Presets Plugins Components Blocks Assets Commands I18n Layers Styles Storages RTE Newsletters Web pages Site builders

Reordering components in the canvas

Question

Answers (2)

Related Questions and Answers

Error in prompt position after moving canvas

[FEATURE REQUEST][BUG] Slider doesn't work with a non-integer step value

[Question] How to add toolbar functionality to the layers panel.

[Question] Possible memory leaks

Paid Plugins That Match This Issue

Browse Plugin Categories