How to overcome the “bug” of the form in full screen on mobile?

Question

JavaScript

The essence of the bug is as follows. I have a contact form that is displayed on top of other site elements. On the mobile version, it should be located on the entire screen. This is how it is until you start typing: the browser address bar appears, the form "slides" down a little to the height of this browser element. Do not raise the form back.
How to take into account the appearance of browser elements so that the form is always full width and height?

Answer 1

What is a browser address bar? Where are the screenshots, code, fidl?
have you tried max-width: 100vw, max-height: 100vh and overflow: hidden?