Страница ошибки переполнения становится непрокручиваемой, когда элемент виден ⇐ CSS

[Anonymous]

Ошибка в следующем: когда мы открываем элемент поиска, вся страница становится непрокручиваемой. Важными настройками CSS являются:

Код: Выделить всё

.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);
.....

До:

После:

Как вы можете видеть, полосы прокрутки исчезают и страница становится непрокручиваемым. Только при наведении курсора на любой из пунктов меню панель поиска исчезает, и страница снова становится прокручиваемой.
Когда я проверяю элемент панели поиска в инструментах разработки, я см. применение следующего CSS:



Я хочу, чтобы вся страница стала прокручиваемой, когда этот элемент виден.
Поэкспериментировал со свойствами CSS. Например;
overflow-y: прокрутка;
но это делает прокручиваемым только элемент, а не всю страницу.

Подробнее здесь: https://stackoverflow.com/questions/786 ... is-visible