CSS Il passaggio del mouse con elemento scorrevole non funziona nei nuovi browser Chrome

Sto eseguendo il seguente violino

Guarda qui

Che sta usando un semplice grilletto al passaggio del mouse per mostrare il contenuto

ul li:hover > ul { display:block } 

Crea una discesa su passaggio del mouse e se ci sono troppi oggetti appare una barra di scorrimento.

Funziona bene con IE e Firefox, ma noto che se la barra di scorrimento viene nascosta in Chrome, uccide lo stato di passaggio del mouse prima di poter scorrere gli elementi. Sembra essere un problema nei browser Chrome successivi come in Chrome 55 funziona come previsto ma su Chrome 56.0 (.2924) ciò accade.

Non voglio introdurre specificamente JS per risolvere questo problema, sperando di avere tutto gestito in CSS.

Qualcuno può vedere problemi con il motivo per cui questo stato hover non viene rispettato?

Grazie

C’è un bug in Chrome 56 dove il passaggio del mouse su una barra di scorrimento non causa un evento di passaggio del mouse per quell’elemento. Sarà corretto per 57. https://bugs.chromium.org/p/chromium/issues/detail?id=686678