прыжки в firefox mobile при высоте блока 100vh
просьба помочь. в firefox mobile наблюдаю дерганье, когда скроллю страницу вверх вниз, дергается блок, у которого высота указана в 100vh. Рендерит его браузер что ли так - не пойму. Другие браузеры показывают нормально. Можно ли как то избавиться от этого эффекта?
html, body
{
padding: 0; margin: 0;
}
.block
{
height: 100vh;
background: blue;
}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Тест</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div class="block"></div>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
<p>Параграф</p>
</body>
</html>