鼠标滚动冻结了铬标签

Question

我一直在研究一个独特的bug，并创建了一个复制它的小提琴。

当鼠标中键单击div元素并且文本在其中时，由于指针卡住，无法从中恢复。我想知道这是否是一个浏览器错误？

有没有其他方法可以使用可滚动的div和不同的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;
}

我检查了与之相关的其他stackoverflow问题，但没有帮助。

Answer 1

看起来像报告的bug：

  

问题444766：在某些网站的中键滚动后失去所有左/中键点击功能。

     

重现问题的步骤：

     

  
1. 打开Goog​​le +，视频群聊。
  
2. 点击现有会话（确保会话中的滚动条和主滚动条显示为灰色）。
  
3. 鼠标中键单击滚动
        

预期的行为是什么？

     

滚动内容

     

出了什么问题？

     

当前标签不再响应任何鼠标点击。悬停仍然有效，页面未冻结，无法使用任何鼠标按钮单击任何内容。

但是，您可能找到了更好的方法来重现该问题。