当鼠标移动缓慢时,Bootstrap 4中的菜单消失

Question

我正在运行这个小提琴,当鼠标指针从START快速移动到展开的菜单时,一切都很好.但是,当运动较慢时,菜单会关闭,因为它感觉就像鼠标左侧.

const menu = $("li.dropdown");
menu.on("mouseenter mouseleave", () => {
  menu.toggleClass("open");
});

最初,我试图使列表项控制更高但很快意识到菜单将在它下面打开(加上这个不幸的垂直距离).

我能做些什么呢？

显然Bootstrap创建者出于某种原因发现了这个好处(或者没有想到鼠标移动而是点击).我可能以不恰当的方式设置悬停事件吗？

Answer 1

对我来说这个解决方案更好

这是小提琴

.open>.dropdown-menu{
    margin-top: initial;
}