Sagrana

Это естественное поведение при float. Весь текст обтекает картинку, а список — это тоже текст. Для того, чтобы изменит это, вы можете задать ul display: flex;

Потому что на макбуках про 2015 года с ретина экраном в браузере ширина окна всё равно 1440px
Узнать разрешение экрана онлайн

$(document).mouseup(function (e){  // событие клика по веб-документу
	var div = $("#search-2");  // тут указываем элемент
	if (!div.is(e.target) && div.has(e.target).length === 0) { 
		// если клик был не по нашему блоку и не по его дочерним элементам
	}
});