Navigation View - Blank Screen shown up after double tap Back button

[dtnghia]

Kitchen Sink application crashed and shown a blank screen after couple times tap/double tap on the Back button

REQUIRED INFORMATION


Ext version tested:

• Sencha Touch 2 GA

Browser versions tested against:

• safari (iOs 4.3.3)

DOCTYPE tested against:

• N/A

Description:

• Kitchen Sink crashed and shown a blank screen if you quick tap/double tap on the Back button to go back to the list view.

Steps to reproduce the problem:

• Open Kitchen Sink demo on iPhone (iOS 4.3.3)
• Try to select any list item (User Interface, Animation, ..) then quickly tap/double tap the Back button to return the main view.
• Repeat previous step couple times (40 to 60 times)

The result that was expected:

• The list view should be shown whenever you tap on Back button

The result that occurs instead:

• IMG_0001.jpg

HELPFUL INFORMATION


Screenshot or Video:

Debugging already done:

Possible fix:

Additional CSS used:

Operating System:

• iOs (iPhone 4.3.3)

Thank to sencha team for your work.

[Jamie Avins]

Thank you for the report.

[dtnghia]

Root cause of this bug might be the animation effect on the back event.
I tested on the desktop and found the list view was applied style with "-webkit-transform".
I added "back" listener to the navigation view to remove that style and it looked working well.

listeners: {
	            	    	back: function(view) {
                      Ext.defer(function() { view.element.dom.removeAttribute("style"); }, 200);
	            	   }, 
	            	    	scope: this

Also found this
http://stackoverflow.com/questions/4...elect-elements
Looks like it has the same problem and solution with mine.

[in4p]

Thanks @dtnghia. This bug was causing a serious UI issue and your code helped. For my own case, I had to go a level further down in removing the style:

view.getActiveItem().element.dom.removeAttribute("style");

Sencha team, any update on when this release will be fixed? I've encountered it in my apps on iOS, Android and the Blackberry Playbook. Especially on older devices with slower rendering capabilities, the user is more prone to tap the back button multiple taps further increasing the frequency that this issue is encountered.

Root cause of this bug might be the animation effect on the back event.
I tested on the desktop and found the list view was applied style with "-webkit-transform".
I added "back" listener to the navigation view to remove that style and it looked working well.

listeners: {
                            back: function(view) {
                      Ext.defer(function() { view.element.dom.removeAttribute("style"); }, 200);
                       }, 
                            scope: this

Also found this
http://stackoverflow.com/questions/4...elect-elements
Looks like it has the same problem and solution with mine.