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

Question

[zveronol]

по ховеру на иконки
на 1 и 3 должны показываться блоки
на 2 нет (сейчас есть баг)

+иногда пропадает показа блока

https://jsfiddle.net/2jepaLhu/

Comments

[Ankhena]

Ничего не понятно.
При наведении на смайлик показывается блок с иконками.
При наведении на первую стрелку - не показывается
На вторую стрелку - показывается.

Про клики совсем сложно, т.к. js в песочнице отсутствует.

Судя по вопросу так и должно быть.

[zveronol]

Ankhena, не доводя до второй иконки мигает блок который должен показатьс(и он таки показывается) при наведении на третий блок)
если не спеша двигать курсор снизу страницы к иконке

[Ankhena]

zveronol, сделайте блоки не полностью прозрачными, а на половину - все поймете.
И visibility закомментируйте.

[zveronol]

Ankhena, ок. и то что блоки быстро пропадают- также? не успевая рассмотреть иконки в условном попапе

[Ankhena]

zveronol, я, видимо, уже сплю и подтупливаю.

Наведение срабатывает на псевдо от comments__elem

Еще visibility не анимируется.

[zveronol]

Ankhena, извините
так а при ховере на смайлик ховер пропадает когда ушли с него
чтобы оставить его пока мы на всплывающем блоке - то нужно через класс делать?
и через js? https://jsfiddle.net/6u0ybtrL/1/

[Ankhena]

zveronol, ховер вешается на общую обертку кнопки и блока.

Answer 1

[MagnusDidNotBetray]

Не уверен, что понял правильно вопрос, но hover срабатывал при наведении на after третьего блока, наверно, это и был тот самый баг.