New form generated from data model failing to export cancel button

[KingsleyStephens]

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

dntco4q28bj1y

Region

southeast-2

Environment name

dev

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?

Windows 10

Browser type?

Google Chrome

Describe the bug

When creating a new form based on a data model and exporting it, the cancel button is failing to be generated in the code.

Expected behavior

The code for the cancel button should be generated.

Reproduction steps

1. Create a simple data model
2. Create a new UI form
3. Configure the form to update the data model
4. Notice that the generated form has Reset, Cancel, and Submit buttons and that all buttons are set to be visible
5. Pull the backend into development environment
6. Inspect the generated code for the form and notice that it is missing the cancel button

Project Identifier

No response

Additional information

No response

[cwoolum]

Hi @KingsleyStephens , thank you for reporting this to us! What version of the CLI are you using?

[KingsleyStephens]

I am using CLI version 10.6.1 with Node.js version 16.15.1

[hein-j]

Hi @KingsleyStephens,
Thank you for raising. Here is the situation:

• We started to exclude the Cancel button by default in the data-backed forms.
• There was a drift between Studio and CLI 10.6.1, so you probably were seeing a Cancel button in the "View as end user" preview of the form in Studio, but not when you pulled down the form in CLI. This drift was fixed last Thursday.
• However, there is still a drift in the edit view of the form in Studio (it shows the cancel button but the form actually does not have a cancel button). We will work on fixing this.
• If you want the cancel button, what you can do right now is the following:

1. go to Studio and click on the form in question
2. click on the Cancel button in edit view
3. toggle the "Cancel button visible" on and off.
4. Check that in "View as end user", the cancel button is visible now.
   

I will close this issue with this workaround. Please reopen should you have any other questions/ if I'm missing anything.
Edit: I will leave this issue open to track the bug fix mentioned above. Please let us know if we're missing anything here.

[ykethan]

Closing this as its fixed

[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.