[New Display Form] "All Edit" button should redirect to Customized Edit Form when SPFX Form Customizer enabled on it

[wuxiaojun514]

Target SharePoint environment

SharePoint Online

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

💥 SharePoint Framework

Developer environment

None

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

• browser version
• SPFx version 1.20
• Node.js version
• etc

Describe the bug / error

The UI of display form on list has changed recently (I noticed this bug last week) from panel to modal dialog.
We have a list which enabled form customizer on edit form/new form and keep the display form as default.

Previously if you click "edit all" button on display form, it will redirect customized edit form when you configured EditFormClientSideComponentId on list content type.
However, it will go to default edit form even I have already set customized edit form.

If you click the "edit" button on ribbon toolbar, it will go to customized edit form.

I feel it is a bug on new UI of display form (modal dialog)

Steps to reproduce

1. Create a list and create some new items on it.
2. Create SPFX Form Customizer and deploy it on this list's edit form and new form (set EditFormClientSideComponentId/NewFormClientSideComponentId on its content type)
3. Open one item and click "edit all" button on display form
4. You will see it redirect to default edit form, not form customizer we configured

Expected behavior

The "Edit All" button on display form should redirect to customized edit form

[wuxiaojun514]

We have raised a ticket and product team confirmed its a bug, they will do the hotfix.