I’m running into an issue with the multifield container in AEM Universal Editor. When I try to reorder items, instead of simply moving them, a duplicate entry is created.
To reproduce:
I have three tabs defined (tab1, tab2, tab3).
When I drag tab3 to the second position, the result is: tab1, tab3, tab2, tab3.
So the tab I moved is duplicated: the original one moves to the target position, and a second one is created at the end.
This is my container model configuration:
const model: ComponentModel = {
id: componentId,
fields: [
{
component: "select",
name: "tabVariant",
label: "Tab variant",
valueType: "string",
options: [
...
],
},
{
component: "container",
name: "tabSettings",
label: "Tab Settings",
valueType: "string",
collapsible: false,
multi: true,
fields: [
{
component: "text",
name: "tabLabel",
label: "Tab Label",
valueType: "string",
},
{
component: "boolean",
name: "tabDisabled",
label: "Tab Disabled",
valueType: "boolean",
},
],
},
],
};
I also attached a screenshot of the nodes in CRXDE for reference.
Is this a bug in Universal Editor, or am I missing something in my configuration?
Views
Replies
Total Likes
I noticed this only happens when moving the last element in the multifield.
If I move tab1 or tab2, reordering works fine.
If I move the last item (tab3 in my case), it gets duplicated: the original moves to the new position, and another copy is appended at the end.
So the duplication issue seems specific to the last element in the multifield container.
@AdamTa4 Hi! Any luck with this issue? If you figured it out, sharing your solution helps the community. And if a reply here helped—even a little—marking it as accepted makes it easier for others to find. Thanks for closing the loop!
Views
Replies
Total Likes
Views
Likes
Replies
Views
Likes
Replies