aws-amplify / aws-amplify/amplify-studio

created nested JSON form breaks forms when opening

Open
#918 0 comments 0 reactions 0 assignees View on GitHub
bug studio-ui ui-forms
Dominant language
No language data
Stars
135
Forks
32
PR merge metrics
No merged PRs in 30d

Description

### Before opening, please confirm:

- [X] I have [searched for duplicate or closed issues](https://github.com/aws-amplify/amplify-adminui/issues?q=is%3Aissue+).
- [X] I have read the guide for [submitting bug reports](https://github.com/aws-amplify/amplify-adminui/blob/main/CONTRIBUTING.md#bug-reports).
- [X] I have done my best to include a minimal, self-contained set of instructions for consistently reproducing the issue.
- [X] I have removed any sensitive information from my code snippets and submission.

### App Id

dqdvhtuddlo4i

### Region

us-east-1

### Environment name

staging

### Figma File Version (if applicable)

_No response_

### Amplify CLI Version

_No response_

### If applicable, what version of Node.js are you using?

_No response_

### What operating system are you using?

_No response_

### Browser type?

_No response_

### Describe the bug

The issue is related to https://github.com/aws-amplify/amplify-studio/issues/892

issue 1:
creating a form using

```json
{"X48qVHXARq":{"crZauETYXS":{"Li2n6Koc1B":{"SaspErBabE":{"790QwtOPHU":{"V06fdBgVwp":{"t9vRxkofK1":{"c9yf3vn8Vj":{"y83QfRn6nG":{"2cRctW25BE":{"SMfwYPlAhJ":{"cs91oDyJDN":{"uGaWYNRXdX":{"BqxGdETs9z":{"vdMYH1ULaO":{"KFzbxXMXpW":{"OnJpE0eW4g":{"MHzIfMeZvf":{"aOEl9yCGpu":{"osAkCaxuLB":{"0zPK0p5rVn":{"2DtossGXEs":{"rYJwnLvtPW":{"5ApfzU5tob":{"cPdyDcWM7o":{"PpJgM0uzVM":{"cPkDguMbhT":{"OTsfCXrM8O":{"51iWnMOM4l":{"zLqAhbL9ml":{"mFJrGYx0Ew":{"ayi0HK79XU":{"UedPSWzlhY":{"1VhYOaMWcF":{"UI35Gf6big":{"PP9GZkzVx2":{"BdNcUMVzon":{"RoI4Pxq8Gb":{"9Q071X4Q1k":{"LeILaRp76q":{"9snRrg9ApV":{"rRBntoqPIw":{"VLPMUezXHO":{"eziV0CCl1c":{"lMTssOGEq7":{"b0XwsEQhEO":{"Usv5xFNhrL":{"XY8p3qZ1Sk":{"xm43woT7PD":{"qmFFXZgHZ6":"value"}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}
```

causes
![image](https://user-images.githubusercontent.com/87995712/235045965-d5da700b-beda-4838-9966-5932b6d003d2.png)

Issue 2:

creating a from using

```json
{
"hrTAIX8RwL": {
"XWYI3myklU": {
"NpTaMbAmHJ": {
"EVq4uAKYR0": {
"test": {
"H1AWGLO39q": "value"
}
}
}
}
}
}

```

shows [object Object]
![image](https://user-images.githubusercontent.com/87995712/235046321-d4442266-ae1a-4f84-b3fc-9998e239bdcd.png)

issue 3:
also observe
![image](https://user-images.githubusercontent.com/87995712/235046703-d3ef2701-21d9-4e64-a1fe-b59874f5dcf4.png)

### Expected behavior

able to create forms and view forms correctly

### Reproduction steps

1. paste the json in form builder and create
2. open form

### Project Identifier

_No response_

### Additional information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the form builder and the form-opening flow, using the three JSON examples and the listed reproduction steps. Verify the nested-object crash, the [object Object] display, and the third screenshot's behavior. Done means these forms can be created and opened with their values rendered correctly.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.