danbovey/react-outside

🌀 ES7 class decorator or higher-order component for React for listening to clicks outside of the component.

react-outside's Issues

Ignore elements with a blacklist

We could add to the config to make a list of elements to ignore, so that clicking a button located outside of the component which toggles the display, doesn't immediately toggle the display again.

However, the cleanest way of doing this is within the component's own handleClickOutside function, as your application will have knowledge/context of these elements whereas passing this logic to the HOC is pretty hacky.

handleClickOutside(e) {
    const blacklist = ['btn-modal', 'btn-modal-icon'];
    if(blacklist.indexOf(e.target.id) == -1) {
        this.props.actions.close();
    }
}