formio / angular

JSON powered forms for Angular
https://formio.github.io/angular-demo
MIT License
644 stars 472 forks source link

[BUG] #1029

Open AndreyOsipkov opened 1 year ago

AndreyOsipkov commented 1 year ago

Environment

Please provide as many details as you can:

Steps to Reproduce

  1. create a form like the one below
  2. add data to form [submission]
  3. check display
  4. works on version 5.5.0-rc.8
  5. doesn't work on version 5.5.0-rc.9

    Expected behavior

    displaying list items image

    Observed behavior

    empty image

For code or form JSON, please enclose in a code block: form

{
    "display": "form",
    "components": [
        {
            "title": "warnings",
            "theme": "danger",
            "tooltip": "",
            "customClass": "",
            "collapsible": false,
            "hidden": false,
            "hideLabel": false,
            "disabled": false,
            "modalEdit": false,
            "key": "problems",
            "tags": [],
            "properties": {},
            "customConditional": "",
            "conditional": {
                "json": "",
                "show": null,
                "when": null,
                "eq": ""
            },
            "logic": [],
            "attributes": {},
            "overlay": {
                "style": "",
                "page": "",
                "left": "",
                "top": "",
                "width": "",
                "height": ""
            },
            "type": "panel",
            "label": "warnings",
            "breadcrumb": "default",
            "tabindex": "",
            "input": false,
            "tableView": false,
            "components": [
                {
                    "label": "errors:",
                    "disableAddingRemovingRows": true,
                    "reorder": false,
                    "addAnotherPosition": "bottom",
                    "layoutFixed": false,
                    "enableRowGroups": false,
                    "initEmpty": true,
                    "hideLabel": true,
                    "tableView": false,
                    "defaultValue": [
                        {
                            "textField": "",
                            "message": ""
                        }
                    ],
                    "persistent": "client-only",
                    "key": "verified_result_problems",
                    "type": "datagrid",
                    "input": true,
                    "components": [
                        {
                            "label": "message",
                            "labelPosition": "top",
                            "placeholder": "",
                            "description": "",
                            "tooltip": "",
                            "prefix": "",
                            "suffix": "",
                            "widget": {
                                "type": "input"
                            },
                            "inputMask": "",
                            "allowMultipleMasks": false,
                            "customClass": "",
                            "tabindex": "",
                            "autocomplete": "",
                            "hidden": false,
                            "hideLabel": true,
                            "showWordCount": false,
                            "showCharCount": false,
                            "mask": false,
                            "autofocus": false,
                            "spellcheck": true,
                            "dataGridLabel": false,
                            "disabled": true,
                            "tableView": true,
                            "modalEdit": false,
                            "multiple": false,
                            "defaultValue": "",
                            "persistent": true,
                            "inputFormat": "plain",
                            "protected": false,
                            "dbIndex": false,
                            "case": "",
                            "encrypted": false,
                            "redrawOn": "",
                            "clearOnHide": true,
                            "customDefaultValue": "",
                            "calculateValue": "",
                            "calculateServer": false,
                            "allowCalculateOverride": false,
                            "validateOn": "change",
                            "validate": {
                                "required": false,
                                "pattern": "",
                                "customMessage": "",
                                "custom": "",
                                "customPrivate": false,
                                "json": "",
                                "minLength": "",
                                "maxLength": "",
                                "strictDateValidation": false,
                                "multiple": false,
                                "unique": false
                            },
                            "unique": false,
                            "errorLabel": "",
                            "key": "message",
                            "tags": [],
                            "properties": {},
                            "conditional": {
                                "show": null,
                                "when": null,
                                "eq": "",
                                "json": ""
                            },
                            "customConditional": "",
                            "logic": [],
                            "attributes": {},
                            "overlay": {
                                "style": "",
                                "page": "",
                                "left": "",
                                "top": "",
                                "width": "",
                                "height": ""
                            },
                            "type": "textfield",
                            "input": true,
                            "refreshOn": "",
                            "inputType": "text",
                            "id": "e9ngprd0000"
                        }
                    ],
                    "placeholder": "",
                    "prefix": "",
                    "customClass": "",
                    "suffix": "",
                    "multiple": false,
                    "protected": false,
                    "unique": false,
                    "hidden": false,
                    "clearOnHide": true,
                    "refreshOn": "",
                    "redrawOn": "",
                    "modalEdit": false,
                    "dataGridLabel": false,
                    "labelPosition": "top",
                    "description": "",
                    "errorLabel": "",
                    "tooltip": "",
                    "tabindex": "",
                    "disabled": false,
                    "autofocus": false,
                    "dbIndex": false,
                    "customDefaultValue": "",
                    "calculateValue": "",
                    "calculateServer": false,
                    "widget": null,
                    "attributes": {},
                    "validateOn": "change",
                    "validate": {
                        "required": false,
                        "custom": "",
                        "customPrivate": false,
                        "strictDateValidation": false,
                        "multiple": false,
                        "unique": false
                    },
                    "conditional": {
                        "show": null,
                        "when": null,
                        "eq": ""
                    },
                    "overlay": {
                        "style": "",
                        "left": "",
                        "top": "",
                        "width": "",
                        "height": ""
                    },
                    "allowCalculateOverride": false,
                    "encrypted": false,
                    "showCharCount": false,
                    "showWordCount": false,
                    "properties": {},
                    "allowMultipleMasks": false,
                    "tree": true,
                    "id": "ep4hp6"
                }
            ],
            "hideOnChildrenHidden": false,
            "placeholder": "",
            "prefix": "",
            "suffix": "",
            "multiple": false,
            "defaultValue": null,
            "protected": false,
            "unique": false,
            "persistent": false,
            "clearOnHide": false,
            "refreshOn": "",
            "redrawOn": "",
            "dataGridLabel": false,
            "labelPosition": "top",
            "description": "",
            "errorLabel": "",
            "autofocus": false,
            "dbIndex": false,
            "customDefaultValue": "",
            "calculateValue": "",
            "calculateServer": false,
            "widget": null,
            "validateOn": "change",
            "validate": {
                "required": false,
                "custom": "",
                "customPrivate": false,
                "strictDateValidation": false,
                "multiple": false,
                "unique": false
            },
            "allowCalculateOverride": false,
            "encrypted": false,
            "showCharCount": false,
            "showWordCount": false,
            "allowMultipleMasks": false,
            "tree": false,
            "id": "e4pko1a"
        }
    ]
}

data

{"data": {
 "verified_result_problems":
    [
      {
        "code": "NOT_ACCUMULATED",
        "message": "NOT_ACCUMULATED"
      },
      {
        "code": "TOO_MUCH_DAYS",
        "message": "TOO_MUCH_DAYS"
      },
      {
        "code": "NOT_FOUND_14",
        "message": "NOT_FOUND_14"
      },
      {
        "code": "TOO_FEW_DAYS",
        "message": "TOO_FEW_DAYS"
      }
    ]
}
}
lane-formio commented 1 month ago

Is this still reproducible in later versions? Can we get a code sandbox to help triage?