Why are all the buttons in the dialog in the SPFx list view command set missing?

[Haiqi-Wu]

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
• [X] 💥 Microsoft Edge
• [x] 💥 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.19.0
• Node.js version 18.20.4
• etc

Describe the bug / error

The buttons in the Dialog used in the deployed SPFx ListView Command Set have disappeared! While it still exists in the DOM, it's not visible anymore, what did Microsoft update that affected it? It was visible a week ago.

https://github.com/user-attachments/assets/c9ae9dcf-bac7-411f-8162-d7929fbe721f

Steps to reproduce

Just follow the tutorial document and deploy it to the SPO.

Expected behavior

The Dialog should show the button.

[Haiqi-Wu]

The background color, text color, borders, etc. are all set to transparent.

[Haiqi-Wu]

The css variables used seem to have disappeared.

[Haiqi-Wu]

Anyone else facing the same situation?

[natalieethell]

Thanks for reporting - this looks like an issue with the FluentUI upgrade for the Primary Button. I've opened a bug with the partner team working on those updates.

[psao]

Anyone else facing the same situation?

Yes, we are also facing this issue. Did you get any resolution?

[ymyqwe]

This bug has already been fixed. This changes should be rolled out in a couple of weeks.

[Haiqi-Wu]

It seems the changes had been rolled out.