[Dynamic Form] Always Show Required Field Validation Error In "FormDisplayMode.Edit" Mode

[wuxiaojun514]

Category

[ ] Enhancement

[x] Bug

[ ] Question

Version

Please specify what version of the library you are using: [ 3.17 ]. It works well in [3.16]
Dynamic Form refactored a lot in 3.17

Expected / Desired Behavior / Question

Ideally when you edit an existing item with "Dynamic Form", it should not show "You can't leave this blank." error if this field already has data.

Observed Behavior

When in Edit mode (PageType=6), Dynamic Form control will always show "You can't leave this blank." error on required field even it already has existing data on current item.

Steps to Reproduce

1. Choose a list which has a required field (e.g. title) and create a new item. Make sure this new created item has data on required field.
2. Put "Dynamic Form" in the spfx form customization, no special settings.

     <DynamicForm
          context={this.props.context}
          listId={this.props.context.list.guid.toString()}
          listItemId={this.props.context.itemId}
          onSubmitted={(listItemData: any) => {
            console.log(listItemData);       
              setTimeout(() => {
                this.props.onSave();
              }, 1000);
          }} 
          onListItemLoaded={async (listItemData: any) => { // eslint-disable-line @typescript-eslint/no-explicit-any
            console.log(listItemData);
          }} />

3. Update EditForm Config in "serve.json" to point to this new created item, then launch it with edit form config
   

4. You will see "You can't leave this blank." error on this item even it already has data on this field
   

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[NishkalankBezawada]

Hello,

We are also facing the same error with version 3.18.1. @wuxiaojun514 Any update on the fix?

Thanks,
Nishkalank

[wuxiaojun514]

Hi @NishkalankBezawada I created a PR 1781 for it. But it seems waiting some other PR 1726 getting approval first. Right now my fix has not been merged into Dev branch yet

[RobertSiE]

Hi, @wuxiaojun514 do you have any news regarding to this bug?

[wuxiaojun514]

Hi @RobertSiE. I don't have any update on it. I saw the author of #1726 seems inactive for quite a long time, and several other PRs are also waiting for this pr to be resolved first.

[hena-s]

Any update on this issue

[gchamplin]

This is still a problem and it's been several months without any progress.

[gchamplin]

I see it when I set the ContentTypeId in the Dynamic form. If I leave that prop out I don't see the error message.

[joelfmrodrigues]

Hey all, the fix for this has finally been merged, apologies for the long delay.
The fix is now included in the beta release, please let us know if there are any issues.

[gchamplin]

How do I migrate an existing project using v 3.19.0 to use the fixed version (3.20.0).
I tried doing an npm install again with --@3.20.0 but it didn't change in node modules. Do I need to uninstall 3.19.0 first?

[wuxiaojun514]

Hi @gchamplin
Based my experience , it would be better uninstall the old version and install new version again.