Content jumps when opening and closing search on desktop

[baldurh]

Describe the current behavior

Content jumps when opening and closing the search on desktop

Describe the expected behavior

Content should not jump

Version information (Dawn, browsers and operating systems)

• Dawn Version: 2.3.0
• Chrome Version 94.0.4606.81
• macOS Version 11.6

Possible solution

.overflow-hidden {
    position: fixed;
    height: 100vh;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

[TotalJabroni]

@baldurh There are some slight complications when using this approach in conjunction with the "sticky header" functionality. Once scrolled down the page and utilizing the search it jumps back up the the top of the page.

I'm trying a couple other options at the moment and I'll let you know if I come up with a solution.

[baldurh]

right, yes you’d need to capture the scroll position and set the negative of that to top. Then the body is fixed at the correct position