How to tell when outside of component is clicked

[Benjamin_Furlani]

I did a little inspecting and it would seem that there is not tabIndex specified on the containers so they cannot accept focus like something normally would be able to like your input.

Interesting that they have onFocus and onBlur as options though... Maybe I am missing something.

@PGriffith or @Kevin.Herron is there a reason tabIndex is not an exposed property for users to be able to control? Especially with the containers presenting the option of focus and blur?

Edit:
This is an option in the meta section:

Focus on a icon when clicked

Lots of knowledge to lay down here... For an element (Component) to receive focus, it must have an emitted HTML tabindex attribute. Icons do not have this. Most displays don't. Some do (Tables, Dashboard, Tag Browse Tree) because those Display components actually contain an input. So as of today, there is no way to apply/force focus onto most of our display components. We just happen to be working on a feature for 8.1.39 which allows for specifying a tabIndex prop as part of the META category…

Meaning if you just add tabIndex in the meta section of the component props that it will allow focus and your dropdown should work like you 'd expect since it wont' lose focus when clicking items within itself.