Safari: Sticky element with bottom: 0 does not follow viewport when toolbar hides on scroll

Device: iPhone 15pro, ios26.0 (23A 341) IOS version: 26.0 (23A 341)

When using position: sticky; bottom: 0, the div is expected to stick to the bottom of the viewport when the browser toolbar hides while scrolling. However, it stops at the height where the toolbar was, instead of moving down with the disappearing toolbar.

In the image below, the red-bordered navigation shows the situation where it does not stick to the bottom.

i

Safari: Sticky element with bottom: 0 does not follow viewport when toolbar hides on scroll
 
 
Q