Как сделать так, чтобы элементу с абсолютным позиционированием не применялся column-count?

Question

[GreenMan1899]

https://codepen.io/anon/pen/owZLxZ
Если задать .menu-tooltip абсолютное позиционирование, то внутри него текст все равно будет располагаться в 4 колонки. Как это отменить для этого блока, чтобы я мог сделать обычные всплывающие подсказки?

Comments

[simka alien]

а вообще что вы хотите получить ?

[GreenMan1899]

simka alien: чтобы ссылки меню шли колонками, а всплывающая подсказка, привязанная к ссылке, скрывалась/раскрывалась по нажатию.
Но т.к. блок подсказки находится внутри маркированного списка, которому задается column-count, то на него тоже действует это свойство, дробя его на несколько колонок. Задание абсолютного позиционирования не отменяет это свойство

[GreenMan1899]

simka alien: надо чтобы подсказка не влияла на отображение колонок ссылок.

Answer 1

[tyzberd]

вместо ul привяжите к классу, или для ul в tooltip напишите column-count: auto

Comments

[GreenMan1899]

не помогло

[tyzberd]

https://codepen.io/anon/pen/qjrRmR

добавьте transform: translateZ(0);