Dropdown prevent closing after click

[bastigerner]

Hey,

is it possible to prevent a dropdown from closing after I have clicked something inside it?

I am trying to create a multiselect filter and want it to stay open until I click the DropdownToggle again.

Kind regards

[stsrki]

It is not possible currently with Blazorise.

You could make it possible if you create a custom toggle button that you can use to toggle the menu.

CustomDropdownToggle.razor

<button type="button" class="@($"btn dropdown-toggle btn-primary {(ParentDropdown.Visible ? "show":"")}")" data-toggle="dropdown" aria-expanded="ParentDropdown.Visible"  @onclick="@ClickHandler">
    @ChildContent
</button>

@code{
  [CascadingParameter] protected Dropdown ParentDropdown { get; set; }

  Task ClickHandler(){
    ParentDropdown?.Toggle();
    
    return Task.CompletedTask;
  }
}
}

[stsrki]

PS. modify if needed :)

[bastigerner]

Thanks going to test it soon!

[bastigerner]

Simply just remove

data-toggle="dropdown"

did the job for me. Just add a little bit of margin to the dropdown-menu and ur good to go I guess.