Multi-Select Two Sides показывает «0 товаров» в iPad | iPhone в рамках Aurelia Framework

Question

Я использую Aurelia Framework и использую «multiselect-two-side» в моем проекте. Это работает под ОС Microsoft, Chrome и во всех браузерах, но не работает должным образом на платформе iOS.

Я много раз искал решение этой проблемы, потому что многие другие пользователи сообщали об этой проблеме.

Недавно я использовал этот код для решения своей проблемы, но он также не работает.

if (navigator.userAgent.match(/(iPod|iPhone|iPad)/i)) {
      $('select[multiple]').each(function () {
        var select = $(this).on({
          "focusout": function () {
            var values = select.val() || [];
            setTimeout(function () {
              select.val(values.length ? values : ['']).change();
            }, 1000);
          }
        });
        var firstOption = '<option value="" disabled="disabled"';
        firstOption += (select.val() || []).length > 0 ? '' : ' selected="selected"';
        firstOption += '>&laquo; Select ' + (select.attr('title') || 'Options') + ' &raquo;';
        firstOption += '</option>';
        select.prepend(firstOption);
      });
    }

Теперь я хочу это исправить в таким образом, чтобы показывать при Windows 10 представлении.