Problem with transition slide

[profunctional]

Here are the steps to reproduce.

1. hold iPhone in Portrait view then click a menu item to slide to next card
2. Once in new card, hold the iphone in Landscape view
3. Now hit Back button

Problem for me is that the previous card is still displaying in Portrait mode, and half the screen is blank.

Any workaround for this?

[evant]

Please provide some sample code.

[profunctional]

I load the first card like this:

mainPanel.setCard(dashboard, 'slide');

this card has a nested list, and the first item in the list looks like this:

{
                            text: '<span>My ' + localStorage.getItem('TicketLabels') +'</span><small class="counter">' + x.TicketCount + '</small>',
                            cls: 'arrow',
                            handler: function (){
                                loadTickets(null, null, null);
                                mainPanel.setCard(ticketList, 'slide');
                            }
                        }

So the handler fires when you click on that item. Once the ticketList card loads, I have a button to go back to the previous card like this:

{
                         xtype: 'button',
                         text: 'Back',
                         ui: 'back',  
                         handler: function () 
                         {
                            mainPanel.setCard(dashboard, {type: 'slide', direction: 'right'});
                         }
                    }

When the previous card loads, it is still in Portrait view. The toolbar also has renders improperly. There is a 1/4" dark bar on the left side. The title is also no longer centered.

[profunctional]

I fixed this by removing the fullscreen attribute.