formio.js
formio.js copied to clipboard
[BUG] Edit Grid causing issues with modal functionality when using a custom form builder.
Environment
Please provide as many details as you can:
- Hosting type
- [ ] Form.io
- [x] Local deployment
- Version: 4.14.8
- Formio.js version: 4.14.8
- Frontend framework: Vue 2.6.14
- Browser: Chrome
- Browser version: 103.0.5060.114
Steps to Reproduce
- Create a custom form
- Include "editgrid" component in the form builder
- Try adding Edit Grid to a form inside your application
Expected behavior
Editgrid should behave like the others custom components I have
Observed behavior
Edit Grid shows up as an option
but upon adding it to the form the modal appears to partly freeze.
I have the ability to change the form options in the modal, however I can't use any of the "Save", "Cancel", "Remove" buttons - nor can I close the modal in any way.
Example
For code or form JSON, please enclose in a code block:
builder: {
basic: false,
advanced: false,
data: false,
layout: false,
premium: false,
customBasic: {
title: "Inputs",
default: true,
components: {
textfield: true,
. . .
}
},
dataLayout: {
title: "Data",
default: true,
components: {
editgrid: true,
}
}
}
This also doesn't seem to be working for Container
, DataGrid
and Tree
.
Closing this thread as it is outdated. Please re-open if it is still relevant. Thank you for your contribution!