Css hover sometimes doesn’t work on svg paths

There’s no fill so the interior does not catch mouse events by default and therefore hover doesn’t react to that. Changing pointer-events to all will fix it in this case:

path{
    fill:none;
    stroke:black;
    pointer-events:all;
}