Comments 7
Вспоминаются меню на некоторых сайтах, у которых в силу каких-то причин появился зазор между панелью меню и выпадающим подменю, и надо быть очень быстрым, чтобы успеть навестись на это подменю.
Или лезть в DevTools
Проблему с нежелательным закрытием меню лучше всё-таки решать с помощью hover triangle (aka safe zone, как указано в статье). Делать это на задержках можно, но не оптимально с точки зрения UX.
Этому решению уже лет 30, но мы его каждый раз переизобретаем. Надеюсь однажды оно будет встроено в браузер.
У меня мало опыта в css. Объясните пожалуйста чем interest-delay в вашем примере будет выгодно отличаться от transition-delay?
Возможно не совсем понял ваш вопрос, но попробую ответить. interest-delay сможет самостоятельно определять как именно пользователь сейчас проявляет интерес к элементу, например с помощью курсора или с помощью клавиатуры, и динамически менять время задержки(значение normal) Также interest-delay учитывает проявление интереса interest-delay-start и потерю интереса interest-delay-end. transition-delay ничего этого не умеет.
Плюсом ещё решается проблема с отступом между элементами, это тот случай для которого придумали safe-triangle. (примеры выше другие ребята скинули).
По сути с появлением interest-delay будет явное разделение ответственности
CSS interest-delay: умные задержки для лучшего UX