Cannot close Select2 by clicking outside its container.

Prerequisites

• I have searched for similar issues in both open and closed tickets and cannot find a duplicate
• The issue still exists against the latest master branch of Select2
• This is not a usage question (Those should be directed to the community)
• I have attempted to find the simplest possible steps to reproduce the issue

Steps to reproduce the issue

1. Put a select2 item in a container
2. Open the select2 item
3. You can close the select2 by clicking in the container, but not outside of it.

Expected behavior and actual behavior

When I follow those steps, You’re unable to close the select2 when clicking outside of the container (For example when the select 2 overflows the container it’s in).

I was expecting the select2 to close if I clicked anywhere on the page.

Environment

Browsers

• Google Chrome (Version 59.0.3071.82 (Official Build) beta (64-bit))
• Mozilla Firefox (Version 52.0.1)
• Internet Explorer (Version 11)

Operating System

• Windows
• Mac OS X

Libraries

• jQuery version: 3.2.1
• Select2 version: 4.0.3

Isolating the problem

• The bug happens consistently across all tested browsers
• The bug happens with just select2 and jQuery (See CodePen Below)
• I can reproduce this bug in a CodePen
• Example GIF