Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!>
Thanks for joining our community and helping improve Syncfusion products!
Hello SyncFusion,
I have discovered an interesting phenomenon/issue with the MultiSelect component with a custom HeaderTemplate.
If a developer places an SfRadioButton within the HeaderTemplate, any click on the radio buttons will cause the popup to close (which is unwanted).
So I began to investigate a bit, and it turns out the same behaviour is apparent when using just regular input elements (type="radio") in combination with label elements; clicking the input itself WILL NOT cause the popup to close, while clicking the label does cause it to close.
We want to put radio buttons (preferably SfRadioButton) within the HeaderTemplate of the MultiSelect popup, but we don't want the popup to close when the buttons are clicked.
I have created an example project that demonstrates how the popup closes when I click an SfRadioButton placed in the HeaderTemplate, as well as when I click a label for an input element.
It appears to be associated with label elements and SfRadioButton specifically (ie. not caused by the state changing; are you possibly attaching an event listener to clicks on a label in the HeaderTemplate?)
Best regards,
Patrick Budhoo Bjerregaard