Bizarre behavior when trying to order form fields

[edumats]

Before opening, please confirm:

• I have searched for duplicate or closed issues.
• I have read the guide for submitting bug reports.
• I have done my best to include a minimal, self-contained set of instructions for consistently reproducing the issue.
• I have removed any sensitive information from my code snippets and submission.

App Id

d4pgl48u3ld6z

Region

us-east-1

Environment name

staging

Figma File Version (if applicable)

No response

Amplify CLI Version

12.4.0

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

No response

What operating system are you using?

MacOS

Browser type?

Firefox

Describe the bug

When trying to order the form fields by dragging and dropping in Amplify Studio, the dropped field does not go where it is expected, usually going to the last position and also other fields get reordered. This bizarre behavior happens on other forms as well, including the ones generated by Amplify.

I have recorded a video that shows what is happening.

In the video, after successfully ordering a field 2 times, I try to bring a field called E-mail from last to third position. After releasing the field in the third position of the form, he field goes to the last position and other fields from the third position onwards get reordered. When I try to do the same action again, the field goes back to the last position and fields below the third position get reordered again. This happens when trying to reorder other fields as well.

Expected behavior

Dragging and dropping allows to order the form fields

Reproduction steps

This only happens with forms linked to data models. If I try to create a new form linked to a model, the problem appears. Blank form with no connections to a model behave normally.

Project Identifier

4e32d3028e3459ac55e8cf83492b741b

Additional information

No response

[ykethan]

Hey @edumats, thank you for reaching out. Tried reproducing the issue with the data model and forms but did not observe this behaviour.

Screen.Recording.2023-10-20.at.2.16.18.PM.mov

Do ensure that when moving the field, drop the field when you see a blue mark similar to the above video.

[ykethan]

Following up on this issue, are you still experiencing this behaviour?

[ykethan]

Closing the issue due to inactivity. Please feel free in reaching out to us again.

[github-actions]

⚠️COMMENT VISIBILITY WARNING⚠️

Comments on closed issues are hard for our team to see.
If you need more assistance, please open a new issue that references this one.
If you wish to keep having a conversation with other community members under this issue feel free to do so.