Click a left nav then hover another, first item should not stay selected

[jwforres]

Click an item in the left nav that has a submenu, then hover over another item that has a submenu, you end up with something like this (clicked on Applications then hovered over Builds):

[jeff-phillips-18]

Clicking on Applications is a no-op. The display is still showing overview right?

[jwforres]

Right, so Overview is still active, which is correct. It makes sense for Applications to be highlighted when you clicked it, but if you then hover over a different menu it felt weird to have the active one, the one you clicked, and the one you are hovering over all be in the lighter gray state.

[jeff-phillips-18]

I'm not sure we want Applications to be highlighted on click since it is not active, I think that is the issue.

[spadgett]

Yeah, the highlighting is a bug introduced by our workaround to make the nav keyboard accessible.

[jwforres]

So its specifically caused by the style in _vertical-nav.less that adds the active color when the link is focused. Clicking it gives it focus and hovering on the other ones doesn't change that.

We could trigger the style based on the is-hover class we manually add instead of using focus, but there is a delay before that class is removed which looks a little weird.