Почему вертикальная прокрутка останавливается в определенных точках как при сворачивании, так и при раскрытии подменю? ⇐ Html

[Anonymous]

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

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

.menu-links {
position: fixed;
/* top: ; */
left: -0.5rem;
background-color: white;
min-width: 17rem;
height: 100vh;
transform: translateX(-17rem);
overflow: hidden;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
}

.menu-links ul li a {
font-size: 1.5rem;
color: black;
text-decoration: none;
}

.menu-links ul {
display: flex;
flex-direction: column;
}

.menu-links li {
margin: 0.5rem 1rem;
padding: 10px;
}

#sub {
display: none;
margin-top: 0.5rem;
}

#sub.open {
display: block;
}

.content {
max-height: 100vh;
overflow-y: auto;
flex-grow: 1;
}

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

[list]
[*][url=#][i][/i]Home[/url]
[*][url=#][i][/i]Categories[/url]



[url=shop.html]Waist Beads[/url]
[*][url=shop.html]Bracelets[/url]
[*][url=shop.html]Necklaces[/url]
[*][url=shop.html]Beaded Bags[/url]
[*][url=shop.html]Anklets[/url]
[*][url=shop.html]Phone Straps[/url]

[/list]



[*][url=#][i][/i]Promo's[/url]
[*][url=#][i][/i]Contact Us[/url]

Подробнее здесь: https://stackoverflow.com/questions/794 ... sub-menu-i