Css Hover With Scrollable Element Doesnt Work In Newer Chrome Browsers

I am running the following fiddle View here Which is using a simple hover trigger to show the content ul li:hover > ul { display:block } It creates a drop down on hover and

Solution 1:

There is a bug in Chrome 56 where hovering over a scrollbar does not cause a hover event for that element. It will be fixed for 57. https://bugs.chromium.org/p/chromium/issues/detail?id=686678