Как вынести выпадающее меню из overflow: auto?

Question

[TipTop89]

Есть меню, при переполнение меню, оно уходит вправо и появляется скролл(написанный на js), при клике на меню со стрелочкой выпадает список, но когда появляется скролл список не открывается. Подскажите пожалуйста как сделать так что-бы список открывался? как я понял вся проблема в menu__body{ overflow:auto; }. Есть ли какие-нибудь способы это исправить? все голову сломал. Спасибо!

Answer 1

[daniel_wesson]

Да, если есть скрол, то показывать какой-то абсолютный элемент, выходящий за рамки скрола не получится и с этим ничего не поделаешь. Другой способ: сделать все меню целиком абсолютным по отношению к странице, гор. скрол будет в самой нижней точке этого меню включая абсолютный выпадающий список (придется поиграться с pointer-events: none, чтоб можно было нажать на все, что под меню).

PS. при гор. сролле не надо обрабатывать координату y на строке 28.