After adding a drop shadow to a list cell hovering and selection events are bugged

Question

So I added the below fx-css to a list-cell.

.list-cell:selected:filled:hover {
    -fx-view-order: -1;
    -fx-effect: dropshadow(gaussian, #67676D,