Как правильно сверстать блок?

Question

[MRcracker]

Здравствуйте. У меня задача такая. Есть вертикальное меню. Оно имеет в себе выпадающие пункты, которые появляются при наведении на основные пункты меню.

У блока есть прокрутка тк пунктов в основном меню слишком много. При добавлении прокрутки пропадают выпадающие пункты при наведении. Подскажите, что я сделал не так и как можно исправить данную верстку или сошлитесь, пожалуйста, на информацию, которую мне нужно изучить, чтобы я понимал в чем пробел :)

Всем спасибо.

Верстка: https://codepen.io/crdevelop/pen/QWdaYpR

Answer 1

[Aetae]

Проблема в том, что overflow: hidden скрывает твои подпункты, т.к. они вылезают за рамку, а visible нельзя сочетать со scroll. Без использования js (или хитрых извращений) тут не обойтись. Рекомендую найти готовую либу для такого меню и не париться.