The bug is as follows: when we open the search element the whole page becomes unscrollable. The CSS settings that are important are:

.search-suggestions {
  background: var(--color-surface-inverted);
  width: 100%;
  position: fixed;
  top: 65px;
  left: 0;
  z-index: 20;

  overflow-y: auto;
  height: calc(100vh - 69px);
.....

As you can see the scroll bars disappears. When I hover over either of the menu items the search bar disappears and the page becomes scrollable again.

When I inspect the search bar element in dev tools I see the following CSS applied:

I want the whole page to become scrollable when this element is visible.

Experimented with the css properties. For example;
overflow-y: scroll;
but this only makes the element scrollable not the whole page.