How to make mobile chrome recalculate window height when address bar is hidden?

Question

css

Video - https://goo.gl/photos/ZNwVrisLqSwf7NAk8
there is a fixed div that takes up the entire height and overlaps the contents of the body.

position: fixed;
top:0;
bottom: 0;
width: 100%
max-width: 440px
z-index: 100;

when scrolling, the address bar is hidden in chrome, but the form height is recalculated only after that, it turns out ugly.
How to fix?
Website - https://kashkovskiy.ru/

Answer 1

height: 100vh;