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

Question

[weranda]

Приветствую
Пример тут.
При наведении на изображение поверх него должен появляться блок с кнопками. При уходе из области изображения блок должен исчезать. Эти два пункта работают, но при наведении на сам блок и его элементы он исчезает, потом фокус переходит на изображения, так как оно под блоком, блок появляется снова...
Как сделать так чтобы при наведении на появившийся блок он не пропадал?

Comments

[WapSter]

Обязательно нужно через js? просто это все можно сделать на css

[weranda]

Тимур Турсунбаев, обязательно через JS, такой блок будет у каждого изображения. Грузить лишним HTML кодом страницу нет желания.

Answer 1

[Andrew]

Закиньте всё в один блок и уже ему ховер задавайте. JS не особо нужен
https://codepen.io/kickerock/pen/zeZJrW

Comments

[weranda]

Не вариант. В комментариях дал пояснение почему именно так:

обязательно через JS, такой блок будет у каждого изображения. Грузить лишним HTML кодом страницу нет желания.

[Andrew]

weranda, какой "такой"?
Т.е лишним JS'ом норм, который гоняет тот же html?

[weranda]

Andrew,
>>> какой "такой"?
Появляющийся при наведении.

>>> Т.е лишним JS'ом норм, который гоняет тот же html?
Да, норм. JS должен подставлять код только при наведении на картинку, а при загрузке страницы без наведение на изображения этого кода быть не должно.

Answer 2

[Филипп Гапоненко]

https://codepen.io/psr1919plus21/pen/jdBgda
Можно обойтись без js, или вам нужно обязательно использовать js по какой-то причине?

Comments

[weranda]

Вы третий человек, отвечающий мне одним и тем же предложением — сделать все без JS. Надо именно на JS.

[Филипп Гапоненко]

Единственным решением вижу pointer-events: none; на появляющемся блоке.
Если вам не нужно, чтобы пользователь взаимодействовал с этим блоком — это подойдет.
В противном случае лучше поискать другое решение.
https://codepen.io/psr1919plus21/pen/zewNqq

[weranda]

Филипп Гапоненко, Вот его и разыскиваю.