css - bootstrap-multiselect 在剑道窗口下被截断

Question

我有剑道窗口，我正在使用 bootstrap multiselect kendo 窗口内的下拉列表。当我单击下拉列表来选择某些内容时，下拉菜单会在窗口下方剪辑，我看不到所有选项。

我已经尝试设置下拉菜单的 z-index 但它不起作用

.dropdown-menu
{
  z-index:50000;
  overflow-x:hidden;
  overflow-y:auto;
  height:250px;
}

这是我的 JsFiddle

Answer 1

您想更改模态窗口的 overflow 属性，该属性当前设置为 auto，这将隐藏任何溢出并添加滚动条。要使菜单在窗口外可见，请将 overflow 设置为 visible

div.k-window-content {
  overflow: visible;
}

https://jsfiddle.net/da0ywy8z/2/