android - 固定位置+溢出-y滚动: Android Chrome fling scroll deactivates touch when stopped

Question

我在 Web 应用程序上有一个固定位置的弹出窗口。它有 overflow-y: scroll 集。 Android Chrome 最近出现了一个问题(或者我以前从未注意到)。当我滚动并点击弹出窗口溢出的底部或顶部时，触摸将被停用。如果你点击某物一次，没有任何反应，但它似乎再次将焦点带到弹出窗口，你的第二次点击就会起作用。我做了一支笔来证明这一点:

http://codepen.io/arickle/full/PNWJwy

相关代码？

.popup {
  position: fixed;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  max-width: 400px;
  background-color: #DDD;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 20px;
  overflow-y: scroll;
  margin: 0 auto;
  transition: opacity 0.08s linear;
}

在装有最近更新的 Chrome 的 Android 设备上打开它。打开弹出窗口。滚动到底部，然后尝试点击一个按钮。 您的第一次点击将不起作用。你的第二次点击应该。

编辑:更多信息。如果您将滚动条滚动到底部/顶部，并等待大约 2 秒，您的第一次点击就会起作用。如果你滚动滚动，击中边缘，并在击中边缘后的 2 秒内点击，它将不起作用。

这是已知的吗？对这种行为有什么解释吗？这对我所针对的用户体验来说是 Not Acceptable ，我想绕过它。我假设我需要某种解决方法。我无法想象这是代表 Chrome 团队的故意行为。

Answer 1

好吧，我想我暂时会忍受这个。我已经就此打开了一个 Chromium Tracker Issue，它已被分配，我相信这将被确认为一个错误，并且应该在将来修复:

https://bugs.chromium.org/p/chromium/issues/detail?id=595731&can=1&start=0&num=100&q=fling%20scroll%20android&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Component%20Status%20Owner%20Summary%20OS%20Modified&groupby=&sort=