javascript - Mouse scrolling freezes chrome tab -

i have been working on unique bug , created fiddle replicate this.

when middle mouse button clicked on div element text in there no way recover since pointer gets stuck. wondering if browser bug?

could there other ways implement scenario scrollable div , different css rules?

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; } 

i checked other stackoverflow questions related non of them helped.

looks reported bug:

issue 444766: lose ability left/middle click after middle-button scrolling in websites.

steps reproduce problem:

1. open google+, hangouts.
2. click on existing conversation (make sure there's scroll bar available in conversation & main scroll bar grayed out).
3. middle mouse button click-scroll inside

what expected behavior?

scrolling of content

what went wrong?

current tab no longer responsive mouse clicks. hover still works, page isn't frozen, no way click using of mouse buttons.

however, may have found better way reproduce issue.