When a form contains ArrayInput with large entries. It takes more than a minute for a form to be submitted.

[vardhanshahpirimid]

When a form contains ArrayInput with large entries. It takes more than a minute for a form to be submitted.

[slax57]

Thanks for submitting this issue.

I confirm form submission is slow when there are many items in the ArrayInput, however I don't observe such drastic slowdowns.
Using the provided sandbox, performing the same action, on my computer the form submission only takes about 10 seconds.
I am running this on a 5 yo laptop.
See proof video below.

Capture.video.2024-04-19.11.22.24.mp4

Besides, I also ran a profiling using Chrome DevTools, but I see no calls to executeBuiltInValidation.

I also ran a React DevTools profiling, which shows that the various TextInput components seem to be rerendered way too many times (approx. 236 rerenders at submission), which is certainly an issue.

However, since the problem is, according to my tests, less critical than what your description leads to believe, and we do not have such a use-case on our projects at the moment, I can't guarantee we will fix this issue soon.

Any help diagnosing and fixing these slowdowns is welcome in the meantime.

[vardhanshahpirimid]

Hello @slax57, Thank you for having a look.

Somehow, it works fine in Stackblitz for me too, there's not much lag.

The issue does not appear to be reproducible in Stackblitz. However, when the application is running locally, or when it is deployed, there is a significant lag. The same behaviour is also observed in our application.

if possible, Can you please try again running on the local machine instead of Stackblitz? The delay will be reproduced and you can observe the executeBuiltInValidation in the profiler too.

PS:- Are there any suggestions or workarounds that can be employed until the problem is resolved?