Results 1 to 2 of 2

Thread: Ext.tab.Panel activeItem config has display bug when using Toolbars

    You found a bug! We've classified it as TOUCH-4733 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha Premium Member
    Join Date
    Jun 2013
    Posts
    2

    Default Ext.tab.Panel activeItem config has display bug when using Toolbars

    REQUIRED INFORMATION


    Ext version tested:
    • Touch 2.2.1
    Browser versions tested against:
    • Chrome 28
    • FF 22
    • Safari 6.0.5
    DOCTYPE tested against:
    • html (html5)
    Description:
    • Using the acitveItem config on a Ext.tab.Panel in conjunction with Ext.Toolbar causes an issue when navigating to the right from a panel with a toolbar to a panel without one.
    Steps to reproduce the problem:
    • generate default app from 2.2.1 sdk
    • modify Main.js view to include 3 containers
    • add a top docked toolbar with a uniquely named button to each of the first 2 containers.
    • set the tabpanels activeItem config to 1 (middle container)
    • load the page and select the 3rd container, the button from container 1 will become visible
    • now navigate to container 1 and back to container 3, it now functions normally.
    The result that was expected:
    • navigating to the right from a non 0 default activeitem from a container with a toolbar to a container without one should not cause artifacts from other container to become visible.
    The result that occurs instead:
    • navigating to the right from a non 0 default active item from a container with a toolbar to a container without one causes artifacts from other container to become visible.
    Test Case:

    Code:
    Ext.define('MyApp.view.Main', {
        extend : 'Ext.tab.Panel',
        xtype  : 'main',
    
        config : {
            tabBarPosition : 'bottom',
            activeItem     : 1,
            items          : [
                {
                    xtype   : 'container',
                    html    : 'container 1',
                    title   : 'One',
                    iconCls : 'star',
                    items   : [
                        {
                            xtype  : 'toolbar',
                            docked : 'top',
                            items  : [
                                {
                                    text : 'Button One'
                                }
                            ]
                        }
                    ]
                },
                {
                    xtype   : 'container',
                    html    : 'container 2',
                    title   : 'Two',
                    iconCls : 'star',
                    items   : [
                        {
                            xtype  : 'toolbar',
                            docked : 'top',
                            items  : [
                                {
                                    text : 'Button Two'
                                }
                            ]
                        }
                    ]
                },
                {
                    xtype   : 'container',
                    html    : 'container 3',
                    title   : 'Three',
                    iconCls : 'star'
                }
            ]
        }
    });
    Operating System:
    • OSX 10.8.4 (Mountain Lion)
    Last edited by mitchellsimoens; 24 Jul 2013 at 4:12 AM. Reason: clean up code to be legible

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,448

    Default

    Thanks for the report! I have opened a bug in our bug tracker.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •