Как сосредоточиться на первом варианте с вкладкой KEY с выпадающим списком Select2 - PullRequest
Новая
       19

Как сосредоточиться на первом варианте с вкладкой KEY с выпадающим списком Select2

0 голосов
/ 10 февраля 2019

У меня есть выпадающий список select2 с окном поиска.В настоящее время, когда вы нажимаете клавишу ВВОД и нажимаете клавишу ВВОД, фокус находится на окне поиска, которое является поведением по умолчанию в select2 из-за этого кода: 

container.on('open', function () {
  self.$search.attr('tabindex', 0);

  self.$search.focus();

  window.setTimeout(function () {
    self.$search.focus();
  }, 0);
});

container.on('close', function () {
  self.$search.attr('tabindex', -1);

  self.$search.val('');
});

container.on('focus', function () {
  if (container.isOpen()) {
    self.$search.focus();
  }
});

В настоящее время это выглядит так, и фокус находится на окне поиска послеоткрывается раскрывающийся список:

http://oi67.tinypic.com/k2mn4k.jpg

Однако, когда я нажимаю клавишу TAB после открытия раскрывающегося списка, я хочу сосредоточиться на первом параметре в списке результатов поиска.У меня есть этот код для прослушивания клавиши TAB на странице, но он не прослушивает «select2-results__option», даже если я поместил tabindex = 0 в тег option.Возможно ли этого добиться?

    $(document).on('keyup', '.secondary-overlay-trigger', e => {
        e.stopPropagation();
        if (e.keyCode === KEY_TAB) {
            $('#root, #wrapper, .cel-Faq, .checkout-login-page').addClass('cel-container--has-focus');
        }
    });
...