overflow-y:滚动导致Chrome F12工具设备模式崩溃

时间:2015-06-03 22:20:05

标签: javascript jquery html css angularjs

是的我知道这听起来很奇怪。我有一个带有自定义“下拉”指令的Angular应用程序。

该下拉列表的部分CSS是:

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 100%;
  padding: 5px 0;
  list-style: none;
  font-size: 12px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-clip: padding-box;
  max-height: 300px;
  overflow-y: scroll;
}

单击父锚点时,自定义下拉列表会打开,并向display:block元素添加div.dropdown-menu。如果此下拉列表太靠近Chrome F12工具设备模式中的当前显示“底部”,设备iPhone 6并在该页面视图下方溢出,则会导致Chrome v43“aw,snap”崩溃:

enter image description here

如果下拉列表位于页面顶部,则会正确打开,如下所示:

enter image description here

如果我在此处取消选中使用Chrome F12工具的overflow-y: scroll

enter image description here

它也会导致崩溃: enter image description here

我尝试使用Chrome.exe并记录错误,但没有记录到日志文件中。

这里有什么问题,看起来好像是Chrome F12工具设备模式

0 个答案:

没有答案