FormBuilder with OnChange broke textarea
Describe the bug Using the FormBuilder component to modify the form and the onChange method to save the changes, using a react useState like in this case: <FormBuilder initialForm={myForm} options={myOptions} onChange={form => setTempForm(form)}/>, causes the open modal to modify a component to break and not be able to click anywhere on the form or any button.
To Reproduce Steps to reproduce the behavior:
- set a useState like this one: const [tempForm, setTempForm] = useState()
- set the FormBuilder like this: <FormBuilder initialForm={formData.builder} options={options} onChange={form => setTempForm(form)}/>
- Click on 'Edit' to a form component
- Save the form
- See error Expected behavior A clear and concise description of what you expected to happen. The form should save and the modal should close.
Screenshots If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
OS: EndeavourOS Linux x86_64 Host: Vostro 5620 Kernel: 6.17.9-arch1-1 Uptime: 8 hours, 42 mins Packages: 1645 (pacman) Shell: bash 5.3.3 Resolution: 1920x1080 DE: Plasma 6.5.3 WM: kwin Theme: deepin-dark [GTK2/3] Icons: breeze-dark [GTK2/3] Terminal: konsole Terminal Font: Source Code Pro 11 CPU: 12th Gen Intel i7-1260P (16) @ 4.700GHz GPU: Intel Alder Lake-P GT2 [Iris Xe Graphics] Memory: 11470MiB / 15671MiB
Could you provide a codesandbox or stackblitz or some other minimally reproducible example?
Also, what version of @formio/react?
Hi, the version of Form.io is "@formio/react": "^6.1.1" and "@formio/js": "^5.2.3". Here the codesandbox: https://codesandbox.io/p/sandbox/593x66 I hope it can help!
Hi @Jacopops thanks for the submission. I believe this commit will resolve this issue, it will be released in the next version of @formio/react