Dialog (iOS, Safari) wrong alignment when tab bar is collapsed

Dialog on Safari (iOS) is not sticking to the bottom of the screen when tab bar (address bar) is collapsed. URL: https://brainly.test/textbook-solutions/q-solve-following-equation-x-2-7.
This issue is caused by applying `position: fixed;` on the `body`, which is responsible for ensuring, that content beneath the dialog won't scroll. Without `position: fixed;` on the body, the dialog sticks to the bottom of the screen perfectly and the page doesn't scroll, but there's a page bounce present.

https://user-images.githubusercontent.com/12099980/154043034-d0dd4ca9-c7f7-40c6-8346-1e6c71ea1e8d.mov