IPad：列表项文本未显示

Question

我有一个5-6项弹出窗口。在桌面浏览器上打开它时看起来都很好但是在IPad上打开时，最后<li>文本没有显示，直到我点击它（用调试工具查看它，我看到文本在那里，它只是没有显示） ：

点击前

点击

HTML：

<div class="capbIpadPopup capbIpadPopupSingleSelect capbDateRangePopup capbThinScrollbars"
  data-bind="css: {capbCustomRange: $data.isCustomRange()}" style="display: block;">
  <span data-bind="attr:{'class': $data.triangleClass ? $data.triangleClass : 'capbTriangleRight'}"
    class="capbTriangleRight"></span>
  <header>
    <a href="#" class="capbBtn capbBtnBack ui-link" data-bind="click: $data.onCancelClick">Cancel</a> <a href="#"
      class="cabpDoneSelectDates capbBtn capbBtnSave ui-link" data-bind="click: $data.onDoneClick">Done</a>
    <h2 data-bind="text: $data.title">Date Range</h2>
  </header>
  <ul class="capbValues" data-bind="visible: !$data.isCustomRange()" style="">
    <!-- ko foreach: $data.item -->
    <li class="capbEllipsis"
      data-bind="text: name, click: $parent.onDateSelected,attr: {'id': $data.time ? $data.time.getTime() : 'All'}, css:{capbCheckIconDark: $parents[1].filterString == name || !$parents[1].filterString &amp;&amp; $index()==0}"
      id="All">All</li>

    <li class="capbEllipsis"
      data-bind="text: name, click: $parent.onDateSelected,attr: {'id': $data.time ? $data.time.getTime() : 'All'}, css:{capbCheckIconDark: $parents[1].filterString == name || !$parents[1].filterString &amp;&amp; $index()==0}"
      id="1383256800000">Current Month</li>

    <li class="capbEllipsis capbCheckIconDark"
      data-bind="text: name, click: $parent.onDateSelected,attr: {'id': $data.time ? $data.time.getTime() : 'All'}, css:{capbCheckIconDark: $parents[1].filterString == name || !$parents[1].filterString &amp;&amp; $index()==0}"
      id="1376476930850">Current Quarter</li>

    <li class="capbEllipsis"
      data-bind="text: name, click: $parent.onDateSelected,attr: {'id': $data.time ? $data.time.getTime() : 'All'}, css:{capbCheckIconDark: $parents[1].filterString == name || !$parents[1].filterString &amp;&amp; $index()==0}"
      id="1356991200000">Current Year</li>

    <li class="capbEllipsis"
      data-bind="text: name, click: $parent.onDateSelected,attr: {'id': $data.time ? $data.time.getTime() : 'All'}, css:{capbCheckIconDark: $parents[1].filterString == name || !$parents[1].filterString &amp;&amp; $index()==0}"
      id="1368528130850">Last 6 Months</li>

    <li class="capbEllipsis"
      data-bind="text: name, click: $parent.onDateSelected,attr: {'id': $data.time ? $data.time.getTime() : 'All'}, css:{capbCheckIconDark: $parents[1].filterString == name || !$parents[1].filterString &amp;&amp; $index()==0}"
      id="1352893330850" style="display: list-item;">Last 12 Months</li>
    <!-- /ko -->

    <li class="capbCustomRangeSelect"
      data-bind="click: $data.onCustomRangeClick, css:{capbCheckIconDark: $parent.filterString &amp;&amp;$parent.filterString.indexOf('/')&gt;-1}"
      style="display: list-item;">Custom Range</li>
  </ul>

</div>