jsonforms icon indicating copy to clipboard operation
jsonforms copied to clipboard

Angular - Issue with category element

Open thtran1 opened this issue 1 year ago • 1 comments

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

thtran1 avatar Jun 03 '24 09:06 thtran1