Css Firefox滚动条未响应使用溢出自动和指针事件单击无

包含溢出自动和指针事件的框中的滚动条都不会响应firefox中的单击

我创建了一个非常基本的JSFIDLE来重现这个bug：

这适用于chrome和internet explorer（通过ie9和ie10测试） 在firefox中，滚动条没有响应，根本无法单击

你知道如何在firefox中点击返回滚动条吗

我想要的是一个框来处理点击，另一个框有时会越过它，自己抓住点击，在顶部有一个空间，你仍然可以与底部框交互，滚动条横跨整个页面 像这样：

编辑：在mozilla bugzilla中创建错误：

（如中所示）

mozilla团队修复了它：

因此它固定在夜间。

（如中所示）

mozilla团队修复了它：

---

所以它固定在晚上。

我不确定我是否理解“抓取点击”是什么，但你说这两个小提琴在Chrome或IE中的动作方式代表了你希望它整体工作的方式？是的。在firefox中，不能使用鼠标左键（点击箭头或抓住手柄）与滚动条交互。通过抓取点击，我的意思是我可以处理点击事件&诸如此类，这意味着我不能在上面有一个简单的div来阻止点击传播。我不确定我理解什么是“抓取点击”，但你说这两个小提琴在Chrome或IE中的动作代表了你希望它整体工作的方式？是的。在firefox中，不能使用鼠标左键（点击箭头或抓住手柄）与滚动条交互。通过抓取点击，我的意思是我可以处理点击事件&诸如此类，这意味着我不能在上面有一个简单的div来阻止点击的传播

.out {
    overflow: auto;
    pointer-events: none;
    height: 100px;
}

.in {
    height: 200px;
}