Views set as Scrollable invisible in Blackberry OS.7

[amaccann]

Ext version tested:

• Sencha Touch v2.0, v2.0.1.1

Browser versions tested against:

• Blackberry OS 7.1.0, default browser
• Blackberry OS 6.0.0.668, default browser

Device tested against:

• Blackberry Torch 9860 (OS7)
• Blackberry Torch 9800 (OS6)

DOCTYPE tested against:

• N/A

Description:
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.

[mitchellsimoens]

You say the DOM is visible, do they have height? or any other styles that would prohibit this?

[amaccann]

You say the DOM is visible, do they have height? or any other styles that would prohibit this?

Yes, the parent elements have height - 100% as per the Sencha stylesheets - and all the other associated styles for containers & panels.

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?