Подменю исчезает из-под курсора?

Question

[Moe Green]

Добрый вечер всем!

Есть такое меню на CSS с выпадающим подменю - codepen.io/gearmobile/pen/azNvzK

Проблема в том, что если я не успею быстро перевести курсор мыши с пункта меню на подменю, то оно исчезнет раньше, чем я "перепрыгну" на него.

Подскажите, в каком направлении смотреть, чтобы решить такой вопрос?

Answer 1

[Евгений]

присоединяюсь к предыдущему оратору. поставьте у submenu вместо 51px 50px; и у submenu:first-child сделайте margin-top:1px;

Comments

[Moe Green]

вот так - codepen.io/gearmobile/pen/PwNQwB

[Moe Green]

но вот если понадобиться для submenu добавить по дизайну padding с background или border, но будет уже некрасиво (

[Moe Green]

еще решением может быть padding-bottom для menu_item. Но тут уже все зависит от исходного дизайна

Answer 2

[tennalian]

скорее всего, потому что высота пункта меню 50px, а у сабменю стоит top: 51px; И вот когда вы попадаете в этот злополучный 1px, сабменю-то и пропадает