burtulug

Можно попробовать через display: table-cell для элементов item, но тогда их надо складывать в дополнительные обертки по три штуки.

Значкам надо добавить в css pointer-events: none;

Как вариант: сразу после логина сделать history.replaceState на страницу, куда юзера должно средиректить, тогда страницы авторизации в истории не будет. https://developer.mozilla.org/ru/docs/Web/API/Hist...

Единственным решением видится использование cookies: в первом окне куки ставится, во втором идет проверка по интервалу, и если кука появилась - что-то делаем.

$('body').on('dragenter', function() {
			$('.drag-and-drop').show();
	});

Если header и footer с position: absolute, блоку content надо задать вертикальные отступы равные высоте хэдера и футера - margin: 70px 0 100px;

Можно еще так:

var obj = (function(){
	var myvar;
	window.map.on('draw:created', function (e) {
		myvar = "foo";
	});
	return {
		getVar: function(){
			return myvar;
		}
	};
})();
window.map.trigger('draw:created');
console.log(obj.getVar());

Переменная myvar объявляется в функции и не торчит наружу. По наступлению события ей присваивается значение и она хранится в замыкании, откуда мы ее получаем методом getVar.