3 Answers, 1 is accepted
0
Hi Axel,
I am not sure if I understand the problem that you are describing, but if you encounter issues with scrolling back to top after focusing an input in the ListView that is further down the view, it is possible to be an issue with the emulated scrolling in mobile views. Try setting data-use-native-scrolling="true" in the View, where your Mobile ListView is placed.
You can learn more about the specifics of native scrolling from this article:
Native vs. Emulated Scrolling
If the issue is different, please elaborate a bit more on your scenario. You could send us screen shots or a sample with reproduction steps to help us reproduce and investigate the problem faster.
Regards,
Tsvetina
Telerik by Progress
I am not sure if I understand the problem that you are describing, but if you encounter issues with scrolling back to top after focusing an input in the ListView that is further down the view, it is possible to be an issue with the emulated scrolling in mobile views. Try setting data-use-native-scrolling="true" in the View, where your Mobile ListView is placed.
You can learn more about the specifics of native scrolling from this article:
Native vs. Emulated Scrolling
If the issue is different, please elaborate a bit more on your scenario. You could send us screen shots or a sample with reproduction steps to help us reproduce and investigate the problem faster.
Regards,
Tsvetina
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which
deliver the business app essential building blocks - a grid component,
data visualization (charts) and form elements.
0
axel
Top achievements
Rank 1
answered on 24 Feb 2017, 02:54 PM
Hi Tsvetina,
native scrolling doesn't fix it.
http://http//dojo.telerik.com/IlEPa
1. select first listview item
2. press tab until listview scrolls to next item.
3. try to scroll back to the top.
Attached screenshot shows additional whitespace in scroll-wrapper.
Kind regards
axel
0
Hi Axel,
This happens because the View native scrolling feature is ignored by the Dojo in Web mode. You can see the actual result in one of the following two ways:
1) Add useNativeScrolling: true option in the Application initialization logic to apply this setting globally for the app (will break ListViews with endless scrolling feature enabled).
OR
2) Switch the Dojo preview to Simulator mode.
Regards,
Tsvetina
Telerik by Progress
This happens because the View native scrolling feature is ignored by the Dojo in Web mode. You can see the actual result in one of the following two ways:
1) Add useNativeScrolling: true option in the Application initialization logic to apply this setting globally for the app (will break ListViews with endless scrolling feature enabled).
var
app =
new
kendo.mobile.Application(document.body, { skin:
"nova"
, useNativeScrolling:
true
});
OR
2) Switch the Dojo preview to Simulator mode.
Regards,
Tsvetina
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which
deliver the business app essential building blocks - a grid component,
data visualization (charts) and form elements.