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

Question

[nikmil]

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


При наведении на красный блок, срабатывает hover эффект и должен поверх появится зеленый блок.
На данный момент его скрывает overflow..
Нашла такую статью - клик, но оно работает на первый div внутри листа...

Буду рада помощи!

Comments

[Ankhena]

но оно работает на первый div внутри листа...

Не видно, что вы делаете, но думаю, что работает-то оно на все элементы, только позиционируете вы их в одно и то же место.

Либо в разметке вынуть зеленый из блока с overflow и решать на js, связывать красный с зеленым, например, по data-атрибутам.

Answer 1

[Виталий Першин]

Уберите position: relative; из .box
Но вообще, я бы советовал использовать что-то вроде tippyjs так как все эти трюки с позиционированием могут аукнуться.

Comments

[nikmil]

Спасибо большое за наводу с библиотекой tippyjs, очень классная она как раз решает мою проблему. Согласна что трюки с позиционированием беда.

Думала с помощью js это все обойти, но библиотека прям делает то что нужно. спасибо еще раз!