Есть на первый взгляд простая задача: сверстать вертикальное меню с определенной высотой и шириной с вертикальной прокруткой. У пункта меню есть иконка вызова справки. На эту иконку кликаешь и справа появляется тултип с кнопкой. Он появляется поверх всего меню! И пока прокручиваешь это меню, тултип должен быть все так же поверх всех (!) блоков. Наконец кликаешь за пределы меню - тултип пропадает.
Проблема в том, что я уже весь интернет перерыла в поисках проблемы
codepen.io/anon/pen/ZQwpej - не получается сделать это перекрытие и хоть тресни. Тултип не хочет вылезать за пределы меню, т.е. родительских блоков. Прочитала про
контекст наложения, понимаю, что решение кроется где-то здесь, но не понимаю в какое еще место прикрутить position: relative, чтобы теория заработала.
(З.Ы.: я пробовала пихать его везде, но в пример на кодепен не стала, чтобы не запутать никого).
В css оставила еще пару поясняющих комментариев.
Может это вообще только с помощью JS решается?
