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

Hi all,

When I select an item from the SfDropDownButton the items disappear. I would expect the items to remain their, so that a user would be able to select another option.

Please see the attached video which illustrates the problem. I have also included a code snippet which would reproduce the issue.

Kind regards

Basil

@page "/DropDownButton"

@using Syncfusion.Blazor.SplitButtons

@using IconPosition = Syncfusion.Blazor.SplitButtons.SplitButtonIconPosition


<SfDropDownButton ID="left-icon" Items="@menuItems" IconPosition=IconPosition.Left IconCss="oi oi-plus">

    <DropDownMenuItems>

            <DropDownMenuItem Text="Open"></DropDownMenuItem>

            <DropDownMenuItem Text="Edit"></DropDownMenuItem>

            <DropDownMenuItem Text="Delete"></DropDownMenuItem>

    </DropDownMenuItems>

    <DropDownButtonEvents ItemSelected="MenuItemSelected">

    </DropDownButtonEvents>

</SfDropDownButton>



@code {

    protected List<DropDownMenuItem> menuItems = new List<DropDownMenuItem>();


    protected override async Task OnInitializedAsync()

    {

        await base.OnInitializedAsync();

    }


    protected override async Task OnParametersSetAsync()

    {

        await base.OnParametersSetAsync();

    }


    protected void MenuItemSelected(MenuEventArgs args)

    {

        if (args.Item.Text.Equals("Open"))

        {

            Console.WriteLine("Open Clicked");

        }

        else if (args.Item.Text.Equals("Edit"))

        {

            Console.WriteLine("Edit Clicked");

        }

        else if (args.Item.Text.Equals("Delete"))

        {

            Console.WriteLine("Delete Clicked");

        }

    }

}