clicking on select list item makes hidden layer visible

[Fowowski]

I've got a fiddle here: http://jsfiddle.net/fjjr6sq2/1/ which is really simple function

$(".dropdown li").on("mouseenter", function(){
    $(this).find(".layer").addClass("active");
}).on("mouseleave", function(){
    $(this).find(".layer").removeClass("active");
});

which shows and hides the layer when you mouseenter/mouseleave particular list item. If you exchange the mouseenter/mouseleave with hover function the result is likewise.

This problem exists only on webkit browsers.

The problem:

When I select one of the first elements from the _select list_ then the layer shows suddenly and of course it should not since it's unrelated to the layer itself. 
Layer should only show itself (gain/loose active class) when I hover on the particular list item not when I click on any position in select box.

My Chrome version is: 39.0.2171.95 m

[Alexey Proskuryakov]

If I understand this report correctly, this happens in Safari too, not just Chrome.

[Fowowski]

@Alexey Proskuryakov - Im sorry, this actually does not tend to happen anymore in safari for windows nor under safari for mac. Although it's a tricky bug I can replicate it only under chrome 39.0.2171.95 m - this didnt change since 38.0.2125.111 m. 

Sorry for missleading description. Should I take this to chromium forums?

[Simon Fraser (smfr)]

Does not reproduce in recent WebKit builds. If this is Chrome-only, please report against blink.