u/buovjaga

A live preview, the code change (click Expand All to view diffs).

If you scroll down on the page, the navigation remains stuck for a while, but then becomes unstuck. For me, this happens roughly at the same point (within the "Apple macOS" section) both in Firefox and Chromium.

top is set on the sticky element and there is no overflow: hidden involved.

Any help is appreciated.

A live preview, the code change (click Expand All to view diffs).

If you scroll down on the page, the navigation remains stuck for a while, but then becomes unstuck. top is set on the sticky element and there is no overflow: hidden involved.

Also, I am using a scroll-state container query to make the nav more compact after it gets stuck (works in Chrome-based browsers), but this causes horrible jankiness. You see this especially when using the scrollwheel - it's like it resists the scrolling while jumping back and forth in an ugly way. When I toggle device toolbar in Chromium, scrolling is blocked entirely, which is rather alarming. I don't see this kind of critical glitching in the mobile view when looking at some demos that change the height of the sticky element. Should I report it as a bug to Chromium?

Any help is appreciated.