令牌输入可滚动下拉列表中的键盘导航

Question

所以我有一个令牌输入可滚动下拉列表。

从我所看到的情况来看，开箱即可限制其高度并使其可滚动（当我在列表中有很多项目时），所以我添加了以下内容：

div.token-input-dropdown {
    overflow: auto;
    max-height: 150px;
}

我的问题是我无法使用该列表中的键盘正确导航。我的意思是，我可以按向下键，下一个项目将突出显示，但当它到达底部时，内容不会继续滚动。有谁知道如何解决这个问题？

这是一个小提琴：http://jsfiddle.net/lav911/MfRrY/

Answer 1

您需要在http://cdn.jsdelivr.net/jquery.tokeninput/1.6.0/jquery.tokeninput.js

更新以下功能

function select_token (token) {
    token.addClass(settings.classes.selectedToken);
    selected_token = token.get(0);

    // Hide input box
    input_box.val("");

    // Hide dropdown if it is visible (eg if we clicked to select token)
    hide_dropdown();
}

在突出显示token.addClass(settings.classes.selectedToken);时，您需要在视图中提供令牌。您可以手动调整scrollTop或使用所选元素上的scrollIntoView function。有关API的信息，请参阅scrollIntoView。