Adding dynamic fields should not rerender the entire form

Question

Adding dynamic fields should not rerender the entire form

arafatahmedtanimcsedu57 opened this issue a year ago · comments

Arafat Ahmed commented a year ago

Environment

Bowser Crush

Hosting type
- Local deployment
  - Version:
Formio.js version: 4.14.8
Frontend framework: ReactJS
Browser: Chrome
Browser version: latest

Steps to Reproduce

Create a datagrid with 15 input field
To add a dynamic row, Press Add another button, and
Continue it 100 times.

Expected behaviour

After adding a new dynamic row, the whole form shouldn't re-render.
The browser shouldn't crush for any number of dynamic fields.

Observed behaviour

Each time the whole form is re-rendering after a new dynamic field is added.
After adding 100 dynamic rows Browser is crushed.

MD. Nazmul Huda · Answer 1 · Mon Dec 26 2022 17:17:05 GMT+0800 (China Standard Time)

I'm also facing the same issue. Our client wanting to add a dynamic row consists of 7 columns for thousands of time. He cant do any further actions after adding more than 100 dynamic rows, the browser either crashed or become irresponsive.

Brendan Bond · Answer 2 · Thu Apr 27 2023 21:48:02 GMT+0800 (China Standard Time)

@arafatahmedtanimcsedu57 thanks for filing this issue. I've reported this in our internal issue tracker and I'll try to follow up if it gets resourced.

VikkiAlenn · Answer 3 · Wed Apr 24 2024 21:45:48 GMT+0800 (China Standard Time)

@arafatahmedtanimcsedu57 We are not able to reproduce this issue on the latest versions of formioJS (4.18.2, 4.19.0, etc.). Please, try on the latest versions and let us know if it is still the issue for you.