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

Question

我正在使用语义 UI 在边栏中嵌入下拉菜单。当下拉列表下方有其他菜单项时，下拉列表中的选项不可 select（例如不能 select 'Choice 2' 或 'Choice 3' at http://jsfiddle.net/aqr81wzr/1/）和使用默认样式，下拉选项的背景是透明的。

但是，如果元素是垂直菜单而不是边栏，则元素是 select 可用的。在 fiddle 中，替换：

<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 上将此作为问题报告。