Почему моя позиция CSS: липкая не работает? ⇐ CSS

[Anonymous]

У меня есть боковая навигация, в которой контейнер является оболочкой для позиции: липкий и высота контейнера равна следующему элементу в родительском гибком компоненте:
Я использую Nextjs и SCSS:
export function SideNav({ list }: SideNavProps) {
return (


{list.map((item, i) => (

))}


);
}

.container {
position: relative;

.sideNav {
position: sticky;
top: 110px;
display: flex;
flex-direction: column;
max-width: 300px;
}
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... ky-working