Cuộn chuột đóng băng tab chrome

Question

Tôi đã làm việc trên một lỗi duy nhất và tạo ra một fiddle để nhân rộng này.

Khi nút chuột giữa được nhấp qua phần tử div với văn bản trong đó không có cách nào để khôi phục từ đó vì con trỏ bị kẹt. Tôi đã tự hỏi nếu đây là một lỗi trình duyệt?

Có thể có các cách khác để triển khai kịch bản này với div cuộn và các quy tắc css khác nhau không?

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

Tôi đã kiểm tra các câu hỏi stackoverflow khác mà có liên quan đến nó, nhưng không phải của họ giúp đỡ.

Answer 1

Trông giống như một báo cáo bug:

Issue 444.766: Thua tất cả các khả năng sang trái/nhấp chuột giữa sau trung nút di chuyển trong các trang web nhất định.

bước để tạo lại vấn đề:

1. mở google +, hangouts.
2. Nhấp vào cuộc trò chuyện hiện có (đảm bảo có sẵn thanh cuộn trong cuộc hội thoại & thanh cuộn chính chuyển sang màu xám).
3. nút Trung chuột nhấp cuộn bên

hành vi mong đợi là gì?

di chuyển nội dung

gì đã xảy ra?

Tab hiện tại không còn đáp ứng với BẤT CỨ nhấp chuột. Hover vẫn hoạt động, trang không bị đóng băng, không có cách nào để nhấp vào bất kỳ thứ gì bằng cách sử dụng bất kỳ nút chuột nào.

Tuy nhiên, bạn có thể đã tìm thấy cách tốt hơn để tái tạo sự cố.