Как отцентровать окно по вертикали на JQuery UI (v1.12.1)?

У меня есть небольшое модальное окно, которое выглядит следующим образом:

var tbl = $('.tbl');
$(".dlTbl").dialog({
create: function(event, ui)
{
$(event.target).parent().css('position', 'fixed');
},
open: function(event, ui)
{
$(".ui-widget-overlay").on('click', function()
{
$(".ui-dialog-titlebar-close").trigger('click');
});
},
position: {
my: "center bottom",
at: "center top",
of: tbl
},
title:'Выберите из списка',
width:400,
height:210,
autoOpen:false,
resizable:false,
draggable:false,
modal:true
});
$(".dlTbl").dialog("open");

Окно вызывается при клике, по td ячейкам таблицы. Сам диалог прикрепляется к простому div(ву) с классом 'dlTbl'.

Сейчас окно зафиксировано ровно по центру, по диагонали и перемещается вместе со скроллом (бегунком).

Суть проблемы в том, что если скроллить верх или вниз, а затем вызывать модальное окно, то получается небольшое смещение относительно центра.

Вполне возможно, это из-за того, что сейчас положение по вертикали определяется за счёт таблицы, на которую кликаю. Но той же логике, если таблица окажется достаточно большой, то допускаю, что окно вовсе может провалиться под сайт.

Я пробовал задавать относительно окна браузера, но тогда получается неправильно. Модальное окно то всегда сверху, то всегда снизу появляется.

Есть идеи как это правильно сделать?