Open hslee33754 opened 2 years ago
Thanks for the debugging @hslee33754 ! Super helpful since I don't have an iPhone 😊
@anstosa Thank YOU for building this app. I've been wanting to build something like this, and I am loving it!
Just pushed a potential fix based on your comment. Can't test so let me know if it works!
You may have to close the app from your recents and re-open it once or twice for the service worker to pick up the changes
OS: iOS 15.3.1 Browser: Safari (home screen) Repro Steps:
Footer menu style is broken when the page is loaded from the iPhone home screen. It looks fine when it is opened on a regular safari tab or other browsers. I did a little debugging and it looks like the
env(safe-area-inset-XXXXX)
values break the style.Overwriting values to 0 on margin bottom on the Footer and the padding top and bottom on the child fixes it.
It might need to use a media query of
[display-mode: standalone](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/display-mode)
to make the spacing values conditional.