Bootstrap：固定，可滚动，下拉菜单失去焦点，无法在Android上滚动

Question

（Plunker：https://plnkr.co/edit/uCVzm6zHc1u7skzDshQs?p=preview）

我有一个带有Bootstrap的下拉菜单，其切换按钮位于固定位置。

.fixed_top_left {
  /* removing the z-index doesn't help */
  z-index: 300;
  position: fixed;
  left: 5px;
  top: 5px;
  width: auto;
  max-width: 40%;
  display: inline;
}

该菜单包含许多项目，因此我添加了overflow-y: scroll;。

在Windows Chrome上一切正常。但是，在Android Chrome（和PhoneGap）上存在一个问题 - 如果用户打开菜单，然后滚动文本＆＃34;后面＆＃34;有时，菜单无法滚动。

试图通过在悬停＆＃39;上设置菜单来绕过它。而不是切换＆＃39; （是的，我知道，它反对Bootstrap哲学，只是试图解决问题......）希望当用户滚动文本时，它将被作为一个“非 - ”悬停＆＃39;菜单将关闭。但它没有帮助。