Working on a particularly interesting bug, I've managed to replicate it using a fiddle.
The issue arises when the middle mouse button is clicked over the div element containing text, causing the pointer to become stuck. Is this possibly a browser bug?
Are there alternative methods for implementing this scenario 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've searched through other related Stack Overflow queries but unfortunately none have provided a solution.