我有一个包含 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 && $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 && $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 && $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 && $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 && $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 && $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 &&$parent.filterString.indexOf('/')>-1}"
style="display: list-item;">Custom Range</li>
</ul>
</div>