Scrolling mouse freezes chrome tab

Question

I am working on a unique bug and created a violin to replicate it.

When the middle mouse button is pressed over a div element with text in it, there is no way to restore it, because the pointer is stuck. I was wondering if this is a browser error?

Could there be other ways to implement this script with a scrollable div and 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 related questions, but didn't help them.

Answer 1

Looks like a reported error :

Problem 444766: Lose all the possibilities of left / middle click after scrolling the middle button on certain websites.

Steps to reproduce the problem:

• Open Google + Hangouts.
• Click on an existing conversation (make sure that there is no scroll bar in the scroll dialog).
• Middle mouse button - scroll inside

What is the expected behavior?

scrolling content

Something went wrong?

The current tab no longer responds to ANY mouse clicks. Hover still works, the page does not freeze, there is simply no way to click something with any mouse button.

However, you may have found a better way to reproduce the problem.