Newly submitted items are not displayed when SPFx Field Customizer is applied to a SharePoint Online list.

[masakazu-doi]

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Developer environment

Windows

What browser(s) / client(s) have you tested

• 💥 Internet Explorer
• 💥 Microsoft Edge
• 💥 Google Chrome
• 💥 FireFox
• 💥 Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

Additional environment details

• SPFx version 1.20.0
• Node.js version 18.20.5

Describe the bug / error

If you have applied SPFx Field Customizer, the list will be in the old UI.
When I post an item to the old UI list, the item is not immediately displayed on the screen where it is pasted as a web part on the page.
Even if I perform a browser refresh (F5), the item is not displayed. It may be displayed by pressing F5 several times.
It may appear immediately by performing a super reload, but the new item may disappear when F5 is pressed.
With a list that does not have Field Customizer applied, the list UI is displayed in the new UI and the posted items are immediately visible on the screen where they are pasted as a web part on the page.
So I am wondering if the switch to the old UI is what is causing the new items to not show up.
Is there any way to improve this?

I have applied the Field Customizer found on the following site
https://learn.microsoft.com/ja-jp/sharepoint/dev/spfx/extensions/get-started/building-simple-field-customizer

I'm a Japanese engineer.
Please forgive me if there are any mistakes in the translation.

Steps to reproduce

1. Prepare a listing with SPFx's Field Customizer applied
2. Display the target list on a page
3. Display the page and the list in separate tabs
4. Post an item to the target list
5. Item does not appear on page
6. Reloading (F5) on the page does not show the item

Expected behavior

Items posted will be displayed.

[VesaJuvonen]

@reedpamsft Seems to be related on the new list experience, so flagging this for you.

[reedpamsft]

@masakazu-doi I'm not able to reproduce this issue; could you grab a quick video of the behavior you're seeing? For me, if I add a new item to the web part in old-ui-mode, it opens the new item form in a new tab, and after saving it redirects me back to the site page, at which point I can see the new value. Are you seeing something else?

[masakazu-doi]

@reedpamsft san
Thank you for doing the research.
I took a video for you.

This site was created by selecting the "Team Site" template. No changes were made to the site settings after creation.

"検証リスト03" is the target list.
"Sample" is the field customizer.
New items may be reflected when I reload the browser multiple times.
Although it is not included in the video, new items will be reflected if you press Ctrl+F5.

I also tried it with other verification tenants, and no problems occurred in some of them.
There are no significant differences in the settings between tenants where the problem occurs and those where it does not occur.

Attachments were zipped due to their size.

[reedpamsft]

@masakazu-doi

Thanks for the video! That's a surprising result to me. Do you see the same behavior if you temporarily turn off your field customizer? That can be done by adding "?disable3PCode" to the URL.

[nag33]

I'm also having trouble because the same thing is happening to me.

[masakazu-doi]

@reedpamsft san
Thank you for your understanding.

I tried adding "?disable3PCode" to the URL of the page and the list, but after doing so, the list is no longer displayed.

1. page
   

2. list
   

Also, when I excluded the column that uses the Field Customizer, the list is displayed, and newly added list items are shown.

1. page
   

2. list
   

What concerns me is that when the Field Customizer is included, the list’s display becomes an older format.

1. Field Customizer is included(View)
   

2. Field Customizer is excluded(View)