无法在嵌入角度模态组件的uib-typeahead下拉列表中选择滚动条

时间:2017-07-24 21:36:17

标签: angular-ui-bootstrap

在我的项目中,我们使用uib-typeahead来帮助我们的用户填充文档字段。它对我们很有用,除非将uib-typeahead嵌入由角度偏置创建的角度模态组件中。当下拉列表的内容大于其视口时,会出现一个垂直滚动条。在模态之外使用,用户可以选择滚动条并上下移动(我们想要的行为),但在模态中使用选择滚动条会导致下拉菜单被解除,鼠标位置的条目变为选择的元素(不是我们想要的行为)。

<input type="text"
       ng-model="selectedName"
       uib-typeahead="name for name in names"
       typeahead-select-on-blur="true" />

使用dbtek / angular-aside中的plunkr,我在下面的plunkr中重现了这个问题:

https://plnkr.co/edit/Dbth9bfshC5iEFSzqz68?p=preview

我试图将ul元素的z-index修改为大于模态的z-index值,但这并没有解决问题。

思想?

提前致谢。

0 个答案:

没有答案