All,

I'm showing/hiding a toolbar and a docked item when a panel is tapped. It works, but the docked panel on the bottom flashes briefly at the top of the screen before going to its correct position. Is there a way I can prevent this? It works fine in Chrome and Safari on the desktop, btw. See amazing video below.

Video Location (small, don't worry): http://gordonjl.com/files/pf.m4v

Here's the code I'm calling to do the show/hide:

Code:
  setToolbarVisibility: function(visibility) {

        this.toolbar.setVisible(visibility);

        this.infopanel.setVisible(visibility);
   
        this.doComponentLayout();
    },
Here's the docked panel on the bottom:

Code:
{
            xtype:'panel',
            hidden:true,
            dock:'bottom',
            overlay:true,
            showAnimation:{type:'slide',direction:'up'},
             html:"<div class='photo-info'>[Caption Goes Here]</div>"
        };
Thanks!