4 Jul 2012 3:10 AM #1
Views set as Scrollable invisible in Blackberry OS.7
Ext version tested:
- Sencha Touch v2.0, v188.8.131.52
- Blackberry OS 7.1.0, default browser
- Blackberry OS 184.108.40.2068, default browser
- Blackberry Torch 9860 (OS7)
- Blackberry Torch 9800 (OS6)
When a parent Views config sets 'scrollable' to true, or any non-false value, these views (and all child items within) become invisible on Blackberry OS 7. The markup is visible within Web Developer, however they are not visible onscreen.
The same app & config do render correctly on OS 6 however, and generally works as expected.
Please note that the Kitchen Sink demo is also invisible on OS7, yet visible on OS6.
Steps to reproduce the problem:
Simply create an working app, insert a selection of Views, and set 'scrollable: true' in their config.
4 Jul 2012 4:51 AM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
You say the DOM is visible, do they have height? or any other styles that would prohibit this?Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services email@example.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
4 Jul 2012 5:13 AM #3
There is no inline CSS along the lines of display: none, with the exception of items in a card layout that are meant to be invisible anyway (or any child items that I was explicitly calling setHidden() on anyway)
As mentioned, if 'scrollable: false' is set then these panels display fine on OS7; it's just when I set it to true, 'vetical' etc. that the extra scrolling markup is injected into the DOM & the app disappears.
edit: Actually, upon further investigation: one of the inline styles added to scrollable components is -webkit-transform: translate3d(), which obviously controls the touch/drag panning. However, when I remove this inline styling, the component appears on the blackberry. Seems this selector isn't supported by OS7?