Тоже задался вопросом (пока искал, заметил этот же баг на это сайте при регистрации, когда всплывает окно для загрузки картинки профиля) и нашел причину: это единицы измерения. Видимо, браузер располагает блок автоматом, например, на 120.5px, и из-за этого не может нормально прорисовать. Для проверки добавлял 1px высоты блоку вручную - всё идеально. Добавляешь 2px - снова размывается, и т.д. В Мозилле всё отлично, а вот хром такую фигню выдает. Остается только скриптом проверять высоту блока или что-то подобное использовать: transform: translate(0,-50.1%);
Попробовал вот такое решение JQ на одном сайте, вроде работает:
var newht=$('.modalBlock').height();
newht=($(window).height()-newht)/2;
if(newht%1!=0){
$('.modalBlock').height($('.modalBlock').height()+1);
}
При каждой отрисовке модального окна предварительно высоту обновлять тоже через JS (если вдруг высота блока меняется и модалки разные):
$('.modalBlock').css('height','auto');
Либо, на чистом JS аналогичное делать, кому как удобнее.