iPad 中多选两侧显示“0 项”| Aurelia 框架下的 iPhone

Question

我正在使用 Aurelia Framework 并在我的项目中使用“multiselect-two-sides”。这在 Microsoft OS、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 视图下显示的方式修复此问题。

Answer 1

我有一些通过 bootstrap 4 垂直呈现的大约 100px 的多个选择列表。在任何其他平台上，选项正常显示，从上到下堆叠。在用户开始在 iPad 上查看页面之前，从来没有出现过问题。只显示“0 项...”。 iPad 在其基本 HTML 渲染中的左视野有多远？