Hi All,
When prototyping sap.m based components using handler type "sapui5", up until Design Studio 1.3, I'm sure that scrolling on a mobile device for controls such as sap.m.List worked as expected. However, as of Design Studio 1.4 I've noticed that scrolling no longer works on a mobile device and would like to request your assistance in trying to resolve this.
By way of background, my understanding is that the mobile scrolling in standard UI5 is implemented as follows:
1) For iOS Version < 6, the iScroll4 3rd-party library (included with UI5) is invoked for mobile scrolling;
2) For iOS Version >=6 native browser scrolling is invoked.
As of Design Studio 1.4, for some reason it appears that native scrolling is being suppressed. Karol Kalisz has been good enough to prepare a SapMList prototype component that has replicated the issue (available in the "preview" version of the Design Studio SDK Development Community Prototype components. The source code is available here: sdkpackage/src/org.scn.community.prototypes at master · org-scn-design-studio-community/sdkpackage · GitHub
Interestingly, if the SapMList component is created as a standalone UI5 application, the mobile scrolling works as expected, so it appears as though there is an issue in Design Studio 1.4 that is suppressing mobile scrolling.
An updated version of the the SapMList.js library, SapMList-iScroll.js is attached. This includes additional code to force the iScroll functionality to be invoked regardless of iOS version, based on the delegation approach described in the UI5 documentation Scrolling: Implementation Details.
Although the iScroll workaround above resolves the issue, with the later versions of iOS it's preferable to use the native mobile scrolling as implemented in the standard UI5 functionality. Any ideas about why the native mobile scrolling for sap.m controls is being suppressed in Design Studio 1.4 as well as suggested solutions for activating the standard native scrolling would be greatly appreciated.
Thanks,
Mustafa.