Should I abandon 100vh?

Question

css

Faced with the fact that on iPhone Safari the lower part of the block goes beyond the edge of the workspace.
It turns out that 100vh is a very bad decision?
Do I understand correctly that it is better to make a block to the full height of the screen using other methods?

upd:
The application is single-screen, so you can't scroll down to the state where the bottom panel is hidden.

Answer 1

Try
https://css-tricks.com/the-trick-to-viewport-units...
or

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

html {
  height: -webkit-fill-available;
}