formio.js icon indicating copy to clipboard operation
formio.js copied to clipboard

[BUG] Edit Grid causing issues with modal functionality when using a custom form builder.

Open iamBevan opened this issue 2 years ago • 5 comments

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

  1. Create a custom form
  2. Include "editgrid" component in the form builder
  3. 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 image 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

chrome_iE5SXe6Abh

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,
                }
            }
        }

iamBevan avatar Jul 21 '22 10:07 iamBevan

This also doesn't seem to be working for Container, DataGrid and Tree.

woahitsjc avatar Jul 26 '22 09:07 woahitsjc

Closing this thread as it is outdated. Please re-open if it is still relevant. Thank you for your contribution!

daneformio avatar Feb 07 '24 14:02 daneformio