Setting the Id parameter assigns the same Id to both the primary and dropdown button HTML elements, which leads to redundancy.

I am experiencing an issue with UI for Blazor's SplitButton. When I click on the dropdown arrow initially, it correctly expands the dropdown list area. However, while the dropdown list area is expanded, if I click the arrow again, it does not close it, leaving the dropdown list area expanded. The exact behavior appears to be that the dropdown collapses while the mouse is pressed down over the arrow button, but when the mouse is released, the dropdown list area expands again.

Reproduction: https://blazorrepl.telerik.com/QnlPPdvv50aUXSKO14.

The desired behavior is that the split button arrow would toggle the dropdown list between expanded and collapsed states.

The screen reader cannot read the SplitButton elements inside the dropdown.

I recently upgraded the target framework to .NET 7 and the UI for Blazor package to 3.7. With this configuration in my WASM app, it looks like the OnClick event for the child buttons is sometimes not fired. It happens occasionally and not for all child buttons.

===

ADMIN EDIT

===

Last working version: UI for Blazor 3.6.1. and .NET 6. You may revert to that configuration until the fix is live.