Навигация по клавиатуре в раскрывающемся списке маркеров

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 на выбранном элементе. Пожалуйста, обратитесь к scrollIntoView для API,