dart - polymer 纸菜单无法在数据网格/表格上​​正确显示

Question

每当用户单击SlickGrid的Dart端口BWU Datagrid内的菜单按钮时，我就会显示纸质菜单(Dart-Polymer元素)。菜单后面的元素仍然显示，用户实际上可以单击菜单后面的项目。

这是问题的图像，可为您提供更好的主意:

这是我的CSS更改为弹出菜单:

/* dropdown menu */
cr-table /deep/ a {
  width: 40px;
  overflow: auto;
  display: inline-block;
  text-overflow: ellipsis;
  vertical-align: middle;
}    
/** Pretty transition for showing the menu button */
cr-table /deep/ div.bwu-datagrid-row paper-menu-button.menu-button {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s,opacity 0.3s linear;
}
cr-table /deep/ div.bwu-datagrid-row:HOVER paper-menu-button.menu-button {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}

注意:

请记住，该表是使用BWU-DataGrid的Dart Polymer元素。

“a”元素是“产品”单元格内的文本。

CR-Table只是BWU-DataGrid的包装

Answer 1

将BWU DataGrid的单元格z-index设置为大于1，但小于实际纸张菜单(默认值为12)的z-index的值。

cr-table /deep/ div.bwu-datagrid-cell {
    z-index: 2;
}