right now it adds a global event listener on mount, so every time there is a click event the listeners will be called on every dropdown in the dom, even when they are display:none

to improve the performance, the listener should only be added when the dropdown is shown. and removed when dropdown is hidden