If DropdownToggle is contains html element for example div then cannot close the dropdown if you click on it

[NoBee86]

The simple example:

<UncontrolledDropdown>
  <DropdownToggle>
    <div>Not close if you click here</div>
  </DropdownToggle>
  <DropdownMenu>
    <DropdownItem>Only one item</DropdownItem>
  </DropdownMenu>
</UncontrolledDropdown>

I use the 9.1.5 version! I checked the releases and as I see the 9.1.3 fix: Use the new nodeRef API for Collapse break it. (if I downgrade 9.1.2 this working fine) Thanks

[linsolas]

Hello @NoBee86

I've encountered the same issue as you, with 9.1.5. I've updated to the latest version (9.1.8) and it works again. It is related to https://github.com/reactstrap/reactstrap/issues/2660

[NoBee86]

Hello @NoBee86

I've encountered the same issue as you, with 9.1.5. I've updated to the latest version (9.1.8) and it works again. It is related to #2660

Thank you, I Will try it. 😊