1. Feedback
  2. Blazor
  3. 28893

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!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

The multiselect popup does not open the first time after clearing the value with the clear icon in WASM app

The multiselect popup does not open the first time after clearing the value with the clear icon in WASM application.


<SfMultiSelect TValue="string[]" TItem="Countries" EnableSelectionOrder="true" @bind-Value="@txt" Mode="VisualMode.CheckBox" EnableRtl="false" ShowSelectAll="true" SelectAllText="Select All" CssClass="custom" PopupHeight="350px" PopupWidth="350px" ShowDropDownIcon="true" UnSelectAllText="Un select all" Placeholder="e.g. Australia" DataSource="@Country">

    <MultiSelectFieldSettings Text="Name" Value="Code"></MultiSelectFieldSettings>

    <MultiSelectEvents TValue="string[]" TItem="Countries" OnOpen="OnOpen"></MultiSelectEvents>

</SfMultiSelect>

<textarea @bind="@textval"></textarea>

@code {

    public string[] txt { get; set; }

    public string textval { get; set; } = "";

    public class Countries

    {

        public string Name { get; set; }

        public string Code { get; set; }

    }

    List<Countries> Country = new List<Countries>

{

new Countries() { Name = "Australia", Code = "AU" },

new Countries() { Name = "Bermuda", Code = "BM" },

new Countries() { Name = "Canada", Code = "CA" },

new Countries() { Name = "Cameroon", Code = "CM" },

new Countries() { Name = "Denmark", Code = "DK" },

new Countries() { Name = "France", Code = "FR" },

new Countries() { Name = "Finland", Code = "FI" },

new Countries() { Name = "Germany", Code = "DE" },

new Countries() { Name = "Greenland", Code = "GL" },

new Countries() { Name = "Hong Kong", Code = "HK" },

new Countries() { Name = "India", Code = "IN" },

new Countries() { Name = "Italy", Code = "IT" },

new Countries() { Name = "Japan", Code = "JP" },

new Countries() { Name = "Mexico", Code = "MX" },

new Countries() { Name = "Norway", Code = "NO" },

new Countries() { Name = "Poland", Code = "PL" },

new Countries() { Name = "Switzerland", Code = "CH" },

new Countries() { Name = "United Kingdom", Code = "GB" },

new Countries() { Name = "United States", Code = "US" },

};

   

    public void OnOpen()

    {

        this.textval += "Open event triggered \n";

    }

}


Replication procedure:

1. Run the attached sample.

2. Open the MultiSelect and select any value from the popup.

3. Now close the popup and clear the value using clear icon.

4. Now focus the multiselect input. If you click twice in the input then only popup will be opened.

5. Again refresh the page and do the first 3 steps again.

6. Now, click the dropdown icon to open the popup. We need to click twice to open the popup. You can check the event trace in the textarea component.