Работа ui.tour в канбане CRM

Из-за особенности работы скролла в канбане, добавлена логика, которая подписывается на событие канбана и меняет позицию элемента (если элемент находится вне видимой части окна браузера). Для этого следующий код потребуется разместить на странице канбана:

BX.namespace('BX.Kanban.Tour.Guide');

	BX.Kanban.Tour.Guide = function(options)
	{
		BX.UI.Tour.Guide.apply(this, arguments);
		this.addEvents();
	};

	BX.Kanban.Tour.Guide.prototype = {
		__proto__: BX.UI.Tour.Guide.prototype,
		constructor: BX.Kanban.Tour.Guide,

		addEvents: function()
		{
			BX.addCustomEvent("Kanban.Grid:onFixedModeStart", function() {
				setTimeout(function () {
					this.setCoords(this.getCurrentStep().getTarget());
					this.setPopupData();
				}.bind(this))
			}.bind(this));
		}
	};
	
	var guide = new BX.Kanban.Tour.Guide({
		steps: [
			{
				target: ".crm-kanban-column-add-item-button",
				title: "Создать сделку",
				text: "Данные попапы призваны помочь вам понять наш сложный продукт.",
				position: "left",
			},
			{
				target: ".crm-kanban-item-contact-center",
				title: "Контакт-центр",
 				text: "Каждый день мы наполняем продукт новым функционалом, разобраться в котором не так просто.",
				link: "https://helpdesk.bitrix24.ru/section/108537/",
				position: "left",
			},
			{
				target: ".main-kanban-column-title",
				title: "Стадия",
				text: "Каждый день мы наполняем продукт новым функционалом, разобраться в котором не так просто.",
			},
		],
	});
	guide.start();
});