[Question/bug] Reordering components in the canvas
Question
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.
Answers (2)
Never had time to debug it but I think it caused somehow by components with float: right style applied
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.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1711
Error in prompt position after moving canvas
1、移动画布 2、点击layerManager(如果不点击layerManager 不会出错) 3、画布里的提示框位置出错 1、 moving canvas 2、 click layerManager (If you don't click layerManager, it w...
Issue #3267
BUG: Cannot set 0px box shadow blur
For some reason, the editor does not allow to set the blur to 0px. 0 always magically turns into 5px. <img width="243" alt="Screenshot 2021...
Issue #2748
[FEATURE REQUEST][BUG] Slider doesn't work with a non-integer step value
Default StyleManager property "slider" doesn't work with a non-integer step value. GrapesJS version: 0.16.1 In many cases, it’s convenient...
Issue #4323
BUG: Performance issue while dragging component to canvas when you have 2k component on canvas
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Google Chrome Version 101.0.4951.41 (Officia...
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.