Lo scroll del mouse blocca la scheda cromata

Question

Ho lavorato su un bug univoco e ho creato un violino per replicarlo.

Quando il pulsante centrale del mouse viene cliccato sopra l'elemento div con il testo al suo interno, non c'è modo di recuperarlo da quando il puntatore si blocca. Mi stavo chiedendo se questo è un bug del browser?

Ci potrebbero essere altri modi per implementare questo scenario con il div scorrevole e le diverse regole CSS?

FIDDLE: https://jsfiddle.net/cs84mobe/9/

html 

<div class="one"> 
    <div class="two"> 
     <div class="three"> 
      lots of content .....  
     </div> 
    </div> 
</div> 

CSS 

div { 
    border: 1px solid black; 
    padding: 10px 
} 

.three { 
    height: 100px; 
    overflow: auto; 
} 

Ho controllato altre domande StackOverflow che era collegato ad esso, ma non di loro ha aiutato.

Answer 1

Sembra una riportato bug:

Problema 444.766: Lose ogni capacità di sinistra/tasto centrale dopo mezza tasto di scorrimento in alcuni siti web.

Passaggi per riprodurre il problema:

1. aprire Google +, luoghi di ritrovo.
2. Fare clic sulla conversazione esistente (assicurarsi che sia disponibile una barra di scorrimento nella conversazione barra di scorrimento principale & grigia).
3. tasto centrale del mouse click-scroll all'interno

Qual è il comportamento previsto?

lo scorrimento dei contenuti

Cosa è andato storto?

La scheda attuale non risponde più a QUALSIASI clic del mouse. Il passaggio del mouse continua a funzionare, la pagina non è bloccata, non c'è modo di fare clic su nulla utilizzando i pulsanti del mouse.

Tuttavia, è possibile che tu abbia trovato un modo migliore per riprodurre il problema.