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

Question

[eugenedrvnk]

Есть следующий пример кода :

При открытии блока, див, который находится в пределах размеров родителя - анимируется плавно. Тот элемент, который выходит за его пределы - дожидается конца анимации и потом мгновенно появляется. Возможно ли это как-то исправить и сделать его появление плавным?

Answer 1

[Афанасий Захаров]

Библиотека (или часть vuejs, я не знаю точно) velocity, в момент анимации кладет на элемент с классом item свойство overflow: hidden, и скрывает элементы вне пределов блока.
Если это убрать - не получится анимировать текст, его скрытие не сделаешь плавным без overflow: hidden.

этот момент можно просто переверстать как то поудобнее, чтобы не вываливалась палочка без left: -20px:

Вот немного переверстанная (и рабочая) штука - https://codepen.io/JimiMorrison/pen/jONxmaN