This is a little bit of an unexpected one, but it seems that the positioning is impacted by
html body #main-outlet {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
Removing those lines fixes it for me.
Apparently backdrop-filter creates a new block context in CSS, some more info here… https://stackoverflow.com/a/52937920/1869753
This means that your
position:fixedelement will be positioned relatively to the filtered container and no more the viewport. In other words, it’s still fixed but inside its new containing block (the filtered container)