侧栏中的下拉项目无法选择 - 语义UI

时间:2015-11-09 22:59:46

标签: css semantic-ui

我正在使用语义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但没有成功。

1 个答案:

答案 0 :(得分:1)

知道了。规则

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

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

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

但是我会在GitHub上报告这个问题。