TypeaheadSelect: onClickOutside is not working correctly when there is more than one select component

[gulcinuras]

• Suppose there is more than one TypeaheadSelect with selected tags. When a tag is removed from the first Typeahead select while the menu of the other TypeaheadSelect component is open, the event does not trigger to close the menu of the other one.

https://user-images.githubusercontent.com/79009325/162752870-84fe3fda-57a3-468c-9dd1-67c64ecedc82.mov

[jamcry]

Hello after 2 years 😄 I recently had a similar issue. In my case the problem was that I was using event.stopPropagation() on the parent element of the dropdown menu. Since event.stopPropagation() prevents emitting the click event, useOnClickOutside() was not being triggered.

If we are using stopPropagation or similar function in typeahead select, it can be the reason. The similar issue exists in the lists with dropdown menus. I highly suspect that this is related to event.stopPropagation in the list items there.