avoid kendo-mobile-list-view pullToRefresh bug

by shengoo

HTML

<div ng-app="KendoDemos" ng-controller="MyCtrl">
    <div kendo-mobile-scroller="listviewWrapper" style="height: 300px">
        <ul kendo-mobile-list-view k-options="listviewConfig" k-ng-delay="listviewWrapper"></ul>
    </div>
</div>

CSS

</style> <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.common.min.css"> <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.rtl.min.css"> <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.default.min.css"> <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.dataviz.min.css"> <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.dataviz.default.min.css"> <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.mobile.all.min.css"> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://cdn.kendostatic.com/2014.2.1008/js/angular.min.js"></script> <script src="http://cdn.kendostatic.com/2014.2.1008/js/kendo.all.min.js"></script> <style>

JavaScript

angular.module("KendoDemos", ["kendo.directives"]);

function MyCtrl($scope) {

    var todo = [
        "Determine project scope",
        "Define preliminary resources",
        "Conduct needs analysis",
        "Draft preliminary specifications",
        "Develop delivery timeline",
        "Obtain approvals to proceed",
        "Secure reuired resources",
        "Develop functional specifications",
        "Develop prototype",
        "Review functional specifications",
        "Identify design parameters",
        "Assign development staff"];
    $scope.listviewConfig = {
        dataSource: todo,
        pullToRefresh: true
    };
}