Updating a component is tricky

[adithyaappu]

Describe the bug

This is a weird issue TBH, and more of an edge case. In the video below I have a component with multiple levels of groups. I'm trying to duplicate one child group so that I can edit it to add a new entry at the same level.

Similarly adding new element into an already defined component is also difficult. New elements are unable to be added if only groups are present at one level.

To Reproduce

1. Please refer video

Expected behavior

a way to create or add new elements by duplicating

Screenshots

firefox_mknoSAGySJ.webm

Context

Select all the browsers and OSs where the issue is observed

Browser

• Chrome
• Edge
• Firefox
• Safari

Operating System

• Windows
• macOS
• Linux
• Android
• iOS

Extra

Additional Context:
Temporary workarounds, if any:

[adithyaappu]

keyviz_FKwDeTog7b.webm

Facing some really weird behaviour related to this. The layer order can be changed if the element under the dropping place is not a group. If it is a group it does not work.

Also I noticed that when bring forward or bring backward is used, that is also affected by the group present. When there is a group above or below the element that is attempted to change order, the actions need to be performed as many times as the number of elements present in the group. Check this video

keyviz_obsv86In2Z.webm