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

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。