Autocomplete: Close the menu on any outside interactions

[scottgonzalez]

This ensures that the menu will close if the user interacts with a
draggable, resizable, etc. element since those interactions don't
change focus.

Ref #6642

---

While testing this, I noticed that clicking on the scrollbar arrows (on an overflow menu) in IE doesn't work properly. Since we can't stop IE from moving focus (

jquery-ui/ui/widgets/autocomplete.js

Lines 227 to 234 in 52d9ec6

	mousedown: function( event ) {
	// prevent moving focus out of the text field
	event.preventDefault();
	// IE doesn't prevent moving focus even with event.preventDefault()
	// so we set a flag to know when we should ignore the blur event
	this.cancelBlur = true;

), when the user interacts with the scrollbar, the input blurs and then gains focus again. When the field receives focus, the menu jumps back up. As a result, clicking on the scrollbar arrows always results in the menu scrolling to the top. This happens while using the scroll box as well, but since that sets an explicit scroll amount, the menu ends up in the right location after jumping to the top.

We should try to fix that, but it's not related to this change.

[jzaefferer]

Fix looks good. Let's file a separate ticket for the scrollbar issue. This seems easy enough to test (trigger mousedown inside and outside while menu is open).

[scottgonzalez]

Test added.

[jzaefferer]

What's this? Build failed due to unused event argument.

[scottgonzalez]

Oops. That's from debugging. The call shouldn't be commented out.