Przewijanie myszy zawiesza się w zakładce chrome

Question

Pracowałem nad unikalnym błędem i stworzyłem skrzypce, aby to powtórzyć.

Po kliknięciu środkowego przycisku myszy nad elementem div z tekstem, nie można go odzyskać od momentu zablokowania wskaźnika. Zastanawiam się, czy to błąd przeglądarki?

Czy istnieją inne sposoby realizacji tego scenariusza z przewijanym div i różnymi regułami 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; 
} 

Sprawdziłem inne pytania StackOverflow, który był z nim związane, ale nie z nimi poradzić.

Answer 1

Wygląda jak donosi bug:

Issue 444766: utratę wszystkich zdolność lewy/środkowy kliknij po średnim przycisku przewijania w niektórych witryn.

Kroki prowadzące do odtworzenia problemu:

1. Otwórz Google + Hangouts.
2. Kliknij istniejącą rozmowę (upewnij się, że dostępny jest pasek przewijania dostępny w rozmowie & szary pasek przewijania jest szary).
3. Środkowy przycisk myszy przewijania wewnątrz

Jakie jest oczekiwane zachowanie?

przewijanie zawartości

Co poszło nie tak?

Aktualna zakładka nie reaguje już na ŻADNE kliknięcia myszą. Hover nadal działa, strona nie jest zamrożona, po prostu nie ma możliwości kliknięcia czegokolwiek za pomocą dowolnego przycisku myszy.

Możliwe, że znalazłeś lepszy sposób na odtworzenie problemu.