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.

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