DropDownTree selection can be broken when using multiple instances on the same component

[elias551]

Describe the bug
When using two or more DropDownTree components in the same page, sometimes clicks for selecting a dropdown do not unselect the previously selected dropdown.

To Reproduce
https://codesandbox.io/s/j2z20j56rw

1. click on the first dropdown
2. select an element
3. click on the second dropdown

Result: Both dropdowns are open

Expected behavior

There should only be only one dropdown selected or opened at a time

Screenshots

Environment (please complete the following information):
Reproducible on any browser

Additional context
It seems like the function utils/isOutsideClick can detect if the dropdowns are different only if the className property is different, maybe an additional generated key by component instance could fix this method.

[mrchief]

It seems like the function utils/isOutsideClick can detect if the dropdowns are different only if the className property is different, maybe an additional generated key by component instance could fix this method.

Yes, you can actually pass your own unique classname to each instance via props.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[mrchief]

🎉 This issue has been resolved in version 1.17.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀