Sorry to bump an old thread but even with using env(safe-area-inset-bottom) in my CSS to handle the address bar, I'm experiencing some weird rendering bug and what to know if others ran into this before or know a possible solution. Basically what's shown on the screen doesn't match the actual tap target area (see below screenshot). I was able to reproduce it in Twitter and also my own web application.
mlee21
Users receive reputation points by contributing quality content to the forums.
Posts include post and replies published on the forums.
Post authors can mark replies as Accepted to indicate successful solutions.
Apple Developer Forums admins can mark replies as Apple Recommended to indicate an approved solution
Post
Replies
Boosts
Views
Activity
I was able reproduce similar bug with Twitter consistently and also in my own web application demo using iOS 15 simulator (Xcode beta 4).
Steps to reproduce:
Load page, wait for floating address bar to minimize
Tap on minimized address bar to 'expand' it again
Observe the fixed footer element
Try tapping on 'Not now' or 'Switch to the app' button. Nothing happens.
Display view
Actual tap target