style-guide
style-guide copied to clipboard
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