调整angularjs typeahead指令的z-index

时间:2014-05-27 19:11:07

标签: css angular-ui jquery-layout

我将Angularjs typeahead指令与jquery layout插件结合使用。 Here是我正在处理的应用的链接。当我在输入框中键入地址时,自动完成结果列表会隐藏在缩放器后面。我已经尝试更改自动完成列表以及窗格大小调整器的z-index属性,但似乎没有任何工作。解决这个问题的最佳方法是什么?

.ui-layout-resizer-open {
    z-index: 1;
 }

 .dropdown-menu {
    z-index: 2;
 }

1 个答案:

答案 0 :(得分:11)

您可以通过告知typeahead指令将建议列表附加到body来解决此问题。只需添加typeaheadAppendToBody属性以及其他typeahead属性:

typeahead-append-to-body="true"

演示:http://plnkr.co/edit/3RlEcNgH4Pviuu6SXs6y?p=preview