react icon indicating copy to clipboard operation
react copied to clipboard

FormBuilder with OnChange broke textarea

Open Jacopops opened this issue 1 month ago • 2 comments

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:

  1. set a useState like this one: const [tempForm, setTempForm] = useState()
  2. set the FormBuilder like this: <FormBuilder initialForm={formData.builder} options={options} onChange={form => setTempForm(form)}/>
  3. Click on 'Edit' to a form component
  4. Save the form
  5. 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.

Image Image Image

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

Jacopops avatar Dec 03 '25 16:12 Jacopops

Could you provide a codesandbox or stackblitz or some other minimally reproducible example?

Also, what version of @formio/react?

lane-formio avatar Dec 15 '25 16:12 lane-formio

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!

Jacopops avatar Dec 17 '25 15:12 Jacopops

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

brendanbond avatar Dec 22 '25 18:12 brendanbond