This is a migrated thread and some comments may be shown as answers.

Page flushes on scrolling when native-scrolling is enabled

1 Answer 19 Views
Report a bug
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Gal
Top achievements
Rank 1
Gal asked on 13 Apr 2016, 05:18 PM

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?

1 Answer, 1 is accepted

Sort by
0
Tsvetina
Telerik team
answered on 18 Apr 2016, 08:27 AM
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.

 
Tags
Report a bug
Asked by
Gal
Top achievements
Rank 1
Answers by
Tsvetina
Telerik team
Share this question
or