Detect mouse click in ckeditor's buttons that produce an overlay

I have got a problem. Here is the essential javascript/Jquery code

var container = $('.project-inner-container');
        $(document).on('mouseup',function(e){
        if (container.css('display')=='block'){
            if (!container.is(e.target)
                && container.has(e.target).length === 0)
                {
                    container.hide();
                    container.children('div').hide();
                    $('html, body').css('position','relative');
                    $('html, body').css('overflow','none');
                }
            }
        });

This code closes the container div whenever you click outside of the container.

Now, the CKEditor itself is embedded inside the container. Whever i click, for example, the special character button, then click one of the special charactor. The container closes itself. Some of these buttons within CKEditor opens up an overlay which is not within the container. Is there a way to detect the clicking of the overlay and prevent the container from closing?

Thanks,