Как решить проблему, когда сбивается указатель при переводе на всплывающее меню?

Question

[foxayb]

Добрый день. Прошу помочь решить проблему:
Когда переводишь мышку с пункта меню на всплывающее меню, то указатель соскакивает с пункта и еще не попадает на всплывающее. (см. изображение)


Т.е. получается что не каждый пользователь будет идти указателем под 90 градусов, а срезает путь к всплывающему меню и задевает тем самым ещё один блок, который уже воспроизводит другое всплывающее меню. Подскажите, пожалуйста, есть ли решение через css, например?

Answer 1

[Сергей Горячев]

Делать по клику, либо добавить какую-то паузу (но пауза это пиндец).
А по ховеру все равно будет прыгать. Придется двигать под прямым углом.

Comments

[foxayb]

а если микроскопическую задержку сделать?
чтобы не сразу пропадало, а "подхватило" указатель?

[Сергей Горячев]

foxayb: Тогда js settimeout.

Answer 2

[Егор Живагин]

Да неет, эти задержки - злостный костыль. Не надо так.

Я бы открывал по клику, но если очень хочется hover - просто сделайте пункты меню чуть больше.
Если у вас в самом всплывающем блоке не много контента - допустим, если это просто следующий уровень меню - юзера это дёргание напрягать не будет, оно логично.

Но если у вас там важный контент, то лучше делать кликом. Ну или в крайнем случае focus какой-нибудь...

Comments

[Сергей Горячев]

Про задержки я так и сказал)

[Егор Живагин]

Сергей Горячев: это я больше на комментарий автора к твоему вопросу ответил)