Incorrectly handles hover event in bootstrap-hover-dropdawn. Layout problem?

Question

JavaScript

https://jsfiddle.net/mxLjutat/8/
Hover does not work when hovering from above or below (should be dropdawn). If you move the cursor to the right or left - everything works fine. Lack of content is not a problem (on the original site it displays normally). That is, the problem is when hovering the cursor above or below. I don't know much about the front end, however, this needs to be fixed. Can anyone help?

Answer 1

You_couldn't come up with longer_selectors?

.dropdown:hover ul {
display:block;
}