Difficult to change listview layout in content section

[bjarnef]

In content section it is difficult to change listview layout, because it open the "Content" navigation dropdown even you don't hover this button.

Reproduction

Bug summary

In starterkit on Blog node try change listview layout from grid to list layout. It open the dropdown for "Content" navigation before you are able to click the listview layout selector.

Specifics

Umbraco v8.2.0 (latest codebase in v8/dev branch.
Chrome Version 77.0.3865.90

Steps to reproduce

In starterkit on Blog node try change listview layout from grid to list layout. It open the dropdown for "Content" navigation before you are able to click the listview layout selector.

Expected result

It should be possible to click the listview layout selector to change listview layout - just like in media and member section.
The dropdown for "Content" navigation item, should only open when hover the actual navigation item.

Actual result

The dropdown menu for "Content" navigation open before you are able to click the listview layout selector.

[bjarnef]

It seems the dropdown is shown when hover this highligted area.

[nathanwoulfe]

Problem is due to the hidden list being hidden via opacity, so the element is still present in the DOM and taking up space in the flow - even though the :hover state is applied by hovering the Content button, the list, as a descendant node, can still be hovered.

[nul800sebastiaan]

Fixed in #6433