html – Dropdown with checkboxes shuts when clicking checkbox in Blazor Server-side application

My Blazor application has the adhering to dropdown with checkboxes:

<< div course=" dropdown" design=" placement: outright; leading:0; appropriate:0; ">>.
<< switch kind=" switch" course=" btn btn-lg dropdown-toggle" aria-haspopup=" real" aria-expanded=" incorrect">> Pick Columns<.
<< ul course=" dropdown-menu" function=" food selection" aria-expanded=" incorrect" aria-hidden=" real" aria-labelledby=" dropdownButton1" >>.
<< li><> < tag><> < input kind=" checkbox" design=" elevation: car;" @bind=" showDepartment"/> > Division< .
[... Numerous other Checkboxes ...]
<< li><> < tag><> < input kind=" checkbox" design=" elevation: car;" @bind=" showName"/> > Call< .
<.
<.

Everytime I click a checkbox in the dropdown, the dropdown vanishes. I desire it to just go away when I click the name of the dropdown or when I click beyond the dropdown. Is that feasible to do in some way?