finger slide fail on safari(ios9) #5
Description
We have a page which work correct on chrome(android, ios) and opera mini(android, ios) and safari(io8). But it can't work at safari(ios9).
You can try with the follow code, visit it, and then use finger slide.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo</title>
<meta content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui" name="viewport" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<link href="css/ratchetPro.min.css" rel="stylesheet" />
<link href="css/ratchetPro-theme-ios.min.css" rel="stylesheet" />
<script src="js/ratchetPro.min.js"></script>
<style>
.cccRight{color: #ccc; text-align: right; float: right}
.table-view-cell{height:50px; padding:13px 65px 13px 15px}
.input-row, .input-row input{height:50px;}
.input-row label{line-height:37px;}
</style>
</head>
<body>
<header class="bar bar-nav">
<a data-ignore="push" href="index.php?app=main" class="icon icon-left-nav pull-left"></a>
<h1 class="title">Infomation</h1>
</header>
<div class="content">
<ul class="table-view">
<li class="table-view-divider">List1</li>
<li style="padding:15px;" class="table-view-cell">Item1<span "="" class="cccRight">val1</span></li>
<li style="padding:15px;" class="table-view-cell">Item2<span "="" class="cccRight">val2</span></li>
<li style="padding:15px;" class="table-view-cell">Item3<span "="" class="cccRight">val3</span></li>
<li style="padding:15px;" class="table-view-cell">Item4<span "="" class="cccRight">val4</span></li>
</ul>
<ul class="table-view">
<li class="table-view-divider">List2</li>
<li style="padding:15px;" class="table-view-cell">Item1<span "="" class="cccRight">val1</span></li>
<li style="padding:15px;" class="table-view-cell">Item2<span "="" class="cccRight">val2</span></li>
</ul>
<ul class="table-view">
<li class="table-view-divider">List3</li>
<li style="padding:15px;" class="table-view-cell">Item1<span "="" class="cccRight">val1</span></li>
<li style="padding:15px;" class="table-view-cell">Item2<span "="" class="cccRight">val2</span></li>
<li style="padding:15px;" class="table-view-cell">Item3<span "="" class="cccRight">val3</span></li>
<li style="padding:15px;" class="table-view-cell">Item4<span "="" class="cccRight">val4</span></li>
<li style="padding:15px;" class="table-view-cell">Item5<span "="" class="cccRight">val5</span></li>
<li style="padding:15px;" class="table-view-cell">Item6<span "="" class="cccRight">val6</span></li>
</ul>
</div>
</body>
</html>