Angular - Issue with category element

[thtran1]

Describe the bug

I’m encountering an issue with the category element. At the first time, when i click “add element” on the second tab, i am redirect to the first tab. Why does this behavior occur ? All subsequent clicks on “add” after the first one function as anticipated. I’m using Angular 16 with jsonForms 3.2.1. Seems to occur also with jsonForms 3.3.0.

schema = {
    type: "object",
    properties: {
      parc: {
        type: "array",
        items: {
          type: "object",
          properties: {
            id: {
              type: "string",
            },
          },
        },
      },
    },
  };

  uischema = {
    type: "VerticalLayout",
    elements: [
      {
        type: "Categorization",
        elements: [
          {
            type: "Category",
            label: "A1",
            elements: [
              {
                type: "Control",
                scope: "#/properties/parc",
                options: {
                  detail: {
                    type: "VerticalLayout",
                    elements: [
                      {
                        type: "HorizontalLayout",
                        elements: [
                          {
                            type: "Control",
                            scope: "#/properties/id",
                          },
                        ],
                      },
                    ],
                  },
                },
              },
            ],
          },
          {
            type: "Category",
            label: "A2",
            elements: [
              {
                type: "Control",
                scope: "#/properties/parc",
                options: {
                  detail: {
                    type: "VerticalLayout",
                    elements: [
                      {
                        type: "HorizontalLayout",
                        elements: [
                          {
                            type: "Control",
                            scope: "#/properties/id",
                          },
                        ],
                      },
                    ],
                  },
                },
              },
            ],
          },
        ],
      },
    ],
  };

  data = "{}";

<jsonforms
  [data]="data"
  [schema]="schema"
  [uischema]="uischema"
  [renderers]="renderers"
></jsonforms>

Expected behavior

When click on "add" in the 2nd tab, new element must be added and we must stay on the 2nd tab.

Steps to reproduce the issue

1. Go to '2nd tab'
2. Click on 'add'
3. error : add ok but redirect to 1st tab

Screenshots

No response

Which Version of JSON Forms are you using?

v3.3.0

Framework

Angular

RendererSet

Material

Additional context

No response

[sdirix]

Hi @thtran1,

Thanks for the report! This is certainly a bug!