无法使用键盘导航具有特定高度的angular-ui bootstrap typeahead

时间:2014-02-11 08:12:06

标签: angularjs twitter-bootstrap angular-ui angular-ui-typeahead

所以,我觉得它比一个角色ui更像是一个靴子问题,但我花了2个晚上才能找到隧道尽头的光线。

这是傻瓜: http://plnkr.co/edit/n39LVjbHQzmcwGkk2dR1?p=preview

搜索“x”,然后尝试使用箭头键向下移动。将选择项目,但它们不会获得焦点。

有什么想法吗?

1 个答案:

答案 0 :(得分:3)

这是一个解决方案。我向typeahead li元素shouldFocus添加了另一个指令,用于监视其活动值的变化。当它发生时,它会在该元素上调用scrollIntoView

我想这被认为是黑客,但如果typeahead允许动态模板,从标记设置,那么它将是一个有效的修复。

http://plnkr.co/edit/vzLHFqkHPUFCaaosVt5w?p=preview