Page flushes on scrolling when native-scrolling is enabled

2 posts, 0 answers
  1. Gal
    Gal avatar
    2 posts
    Member since:
    Mar 2016

    Posted 13 Apr Link to this post

    Hello

    I am using AppBuilder (2016.1.128.6) and AngularJS.

    I have created a view that includes a kendo-mobile-list-view element that includes <li> elements that includes a single input field.

    When running it on my Android (5.0), the scrolling of this view is not smooth.  I've added the k-use-native-scrolling="true" attribute to my view and while the scrolling was significantly improved, when scrolling, I see a white background and the input control appears after ~1 second. 

    It reconstructs every time, on every scroll (down / up).

    My view looks like (I've changed the names of course):

    <kendo-mobile-view k-title="name" ng-controller="name as vm" k-scroller="vm.scrollOptions" k-use-native-scrolling="true">

     <ul kendo-mobile-list-view k-endless-scroll="false" k-pull-to-refresh="false">

     <li><input id="title" name="title" type="text" ng-model="vm.name" placeholder="title" class="productTitle" required /> </li>

     <li><input id="title" name="title" type="text" ng-model="vm.name" placeholder="title" class="productTitle" required /> </li>

    ....

     <li><input id="title" name="title" type="text" ng-model="vm.name" placeholder="title" class="productTitle" required /> </li>

     <li><input id="title" name="title" type="text" ng-model="vm.name" placeholder="title" class="productTitle" required /> </li>

    </ul>

    </kendo-mobile-view>

     

    In controller:

    this.scrollOptions = {
                    elastic: false              
                };

     

     

    Can you please advise?

  2. Tsvetina
    Admin
    Tsvetina avatar
    1873 posts

    Posted 18 Apr Link to this post

    Hi Gal,

    Try updating your Cordova version in AppBuilder to 4.0.0 and enabling Hardware Acceleration for Android devices (project properties -> Android -> General -> Hardware Acceleration ON). 

    If this doesn't help, it would be best if you open a support ticket and send us a sample project where we can observe the issue.

    Regards,
    Tsvetina
    Telerik
     

    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

     
Back to Top