侧边栏中的下拉项目不可选择 - 语义 UI

Question

我正在使用语义 UI 在侧边栏中嵌入一个下拉菜单。当下拉菜单下方有其他菜单项时，下拉菜单中的选项不可选择（例如，无法在http://jsfiddle.net/aqr81wzr/1/ 选择“选择 2”或“选择 3”）并且下拉选项的背景使用默认样式是透明的。

但是，如果元素是垂直菜单而不是侧边栏，则元素是可选择的。在小提琴中，替换：

<div class="ui left vertical menu visible sidebar">

与：

<div class="ui left vertical menu visible">

我显然不理解独立菜单和侧边栏菜单之间的微妙之处。我尝试在下拉列表中设置 z-index，但没有成功。

Answer 1

知道了。规则

.ui.sidebar>* {
    transform: rotateZ(0);l
 }

正在干扰。在侧边栏菜单项上覆盖它。

.sidebar > .item {
    transform: initial !important;
}

不过，我会在 GitHub 上将此问题报告为问题。