Как вынести блок за пределы скролл контейнера?

Question

[RomanKudlatov]

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

Фотку прикрепил. в помеченной области будет тултип.

Comments

[RomanKudlatov]

Если убрать pointer-events для скролящегося контейнера он перестаёт скролиться, что логично

[Ankhena]

Как-то вы мало зачирикали скрин.
И песочницы нет.

Но посмотрите https://webref.ru/css/pointer-events

[RomanKudlatov]

Ankhena, если надо ещё зачирикаю))
В общем делал как убирал поинтер евентс непосредственно у контейнера и присваивал детям, но тогда не скроллится

[RomanKudlatov]

Ankhena, кстати забыл уточнить что тултип под кнопки планировал перебазировать средствами js

https://codepen.io/roman142140/pen/powGwQp

[Ankhena]

RomanKudlatov, упростите лишнее
https://jsfiddle.net/zu42Lsxf/

[RomanKudlatov]

Ankhena, пока не очень понял как это работает, но разберусь, спасибо)
Почему не в ответ?

[Ankhena]

RomanKudlatov, работает на абсолютах