Safari returns 0 for --safe-area-inset-bottom when the toolbar is hidden

I've got this exact same issue; I use the safe-area-inset values to make sure the bottom long white line doesn't overlap content that the user must always see. The bar doesn't disappear because the player needs to be interacting with the screen. In ios15+16 the safe-area-inset-bottom value is 21px. If I hide the address bar, this value becomes 0, and the white bar is blocking our content. If I tap the address bar to unhide, the page occasionally shifts behind the address bar until I scrollTo(0,1) and then in a timeout of at least 50ms scrollTo(0,0). The browser seems to be unaware that the page has scrolled up by 21 pixels, even checking the positioning.

One of a handful of weird positioning / visibility issues in Safari at the moment :)

Still having this issue on iOS16.

First I set padding-bottom: 21px; as a solution. I'm trying to use , but this also seems strange if it's not an ios device.

Has this issue been fixed now in ios16?