Dropdown control

Quick question:

Is there a way to have a dropdown menu go away when the mouse moves outside - rather than requiring a click? I thought this used to be called “focus”?

Thank you
-K

You can try this

@media (min-width: 768px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
  }
}

@media (min-width: 768px) {
  .dropdown > .dropdown-toggle:active {
    pointer-events: none;
  }
}