PDA

View Full Version : iOS VoiceOver mode: Scrolling is not working in latest sencha 6.0



sukhvir_tm
27 Jul 2015, 6:23 AM
We try run sample application of modern kit for iOS mobile and scrolling is not working in VoiceOver Mode. As per latest version that Sencha 6.0 is compatible with w3 ARIA recommendations. Please let us know how we can make scrolling working in VoiceOver mode in iOS devices.

Gary Schlosberg
27 Jul 2015, 2:10 PM
Thanks for the report. Can you please post a link to the example to which you are referring?

sukhvir_tm
27 Jul 2015, 10:57 PM
We tried with modern kit example of sencha 6.0:

http://examples.sencha.com/extjs/6.0.0/examples/modern/oreilly/index.html
http://examples.sencha.com/extjs/6.0.0/examples/modern/energy/index.html

Above sample app when we try to run in mobile browser of iPhone 5C or iPhone 6+ while in VoiceOver mode, then scrolling is not working.

sukhvir_tm
21 Aug 2015, 2:10 AM
We are able to make scrolling working in our app while in VoiceOver mode with following changes, actually we removed global handler of viewport for touchmove event.

Ext.Viewport.removeWindowListener('touchmove',Ext.Viewport.doPreventPanning);

Even we have to do below changes to make app scrollable in VoiceOver mode:

Disabled scrolling on internal panel, by using panel.setScrollable(false)
has to give same max height of scrollable panel to main body(<body></body>)
Still we are facing issues like:

Any API of ST through by which we can check VoiceOver mode is on/off
How we get height child panel of navigation view while adding/removing child panel so we can give same height to main body. We are looking for some event of navigation view which we triggered after child component successfully rendered(like painted event of simple panel)
In android if accessibility mode is on then app will navigated to new page of navigation view control but firstly it stuck with overlay on top of page then by back button it's getting removed then working. But it's working fine without accessibility is off.
Also in iOS if user has open alert or info popup then it will display in center of page not in center of display screen, results popup gets hide in bottom of screen.