ToggleIconVisible not working for DropdownToggle in Tailwind

[stsrki]

Discussed in #5111

^{Originally posted by mdmontesinos October 26, 2023}
Is there any way to open a dropdown with a custom toggle instead of the regular one?

Basically, I want to have a Dropdown that is opened using an icon instead of a button, something like this:

<Dropdown @ref="_dropdown">
    <DropdownToggle>
        <Icon Name="IconName.Bell"></Icon>
    </DropdownToggle>
    <DropdownMenu>
        <DropdownItem>Item 1</DropdownItem>
        <DropdownItem>Item 2</DropdownItem>
        <DropdownItem>Item 3</DropdownItem>
    </DropdownMenu>
</Dropdown>

But I still get the toggle icon, which I would like to get rid of.

I've also tried using the ref and DropdownMenuTargetId to programatically open the dropdown:

<Dropdown @ref="_dropdown" DropdownMenuTargetId="target">
    <DropdownMenu>
        <DropdownItem>Item 1</DropdownItem>
        <DropdownItem>Item 2</DropdownItem>
        <DropdownItem>Item 3</DropdownItem>
    </DropdownMenu>
</Dropdown>

<Button Color="Color.Primary" id="target" @onclick="@(() => ShowMenu())">Toggle</Button>

But if I remove the DropdownToggle or set Display to None, the position of the dropdown is sometimes bugged, and also can't be closed by clicking elsewhere.