Possible Bug in the control.id

daywin · November 14, 2023, 5:03pm

I have a slight issue in my JSONForms component. It seems like sometimes the id doesn’t change correctly, but all the other values do:

Is this expected behavior in the DOM? After reloading the page and looking at the DOM again, it shows the correct value:

If this is a bug, I could provide you with further details about the issue!

sdirix · November 14, 2023, 8:02pm

Hi @daywin,

Thanks for the report, this is certainly a bug. It would be great if you could report the bug in the repository with detailed reproduction steps. Thanks!

daywin · November 14, 2023, 9:43pm

In created it here:

github.com/eclipsesource/jsonforms

Control.id doesn't get updated properly, if multiple forms are involved

opened 09:42PM - 14 Nov 23 UTC

daywin94

### Describe the bug I am using Vue2 with the with my own selection of renderer…s. I have v-cards with an integrated JSONForms object looking like this: ![image](https://github.com/eclipsesource/jsonforms/assets/58826439/d32151ec-402b-4d5f-bb61-1c0dd9ebb90e) The jsonforms object gets updated based on the currently selected tab. Now the problem: Lets imagine there is a tab with 2 checkboxes in the form and another tab with 5 checkboxes. The position of the first two checkboxes inside each form are the same, because there is no other element in the schema. If I switch now between the two tabs (forms), then only the values for the checkboxes where there is a change in the position gets updated, even if all other values for the control get updated correctly. Example: When accessing the first tab, the controls show the correct values: ![Screenshot from 2023-11-14 22-33-48](https://github.com/eclipsesource/jsonforms/assets/58826439/a1dee81c-ebca-4019-8ae9-2e4a0013493c) But after switching the tab and the other form is shown, the control updates the path and the other values correctly, but doesn't update the id: ![Screenshot from 2023-11-14 18-00-06](https://github.com/eclipsesource/jsonforms/assets/58826439/1ae8bd5a-91d8-48ba-b1cf-d2e21fb5a2af) After reloading the page, the DOM of course shows the correct id, but it should already show the correct value with the form change. ### Expected behavior After switching from one form to the other, the control.id value updates correctly. ### Steps to reproduce the issue 1. Create a json-form component with changable content 2. Create schemas and uischemas with two similar controls where just the prop id is different 3. After creating the properties, look at them in the browser and switch from one content to the other 4. Check if the DOM shows the correct value for the control.id ### Screenshots _No response_ ### In which browser are you experiencing the issue? Mozilla Firefox 119.0.1 ### Which Version of JSON Forms are you using? 3.1.0 ### Framework Vue 2 ### RendererSet Other (please specify in the Additional context field) ### Additional context Own renderer set but nothing changed in the control.id