You found a bug! We've classified it as EXTJS-9701 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Apr 2011
    Posts
    4
    Vote Rating
    2
    qx2005 is on a distinguished road

      0  

    Default [4.2.1.789] Tab Scroller Menu re-position problem

    [4.2.1.789] Tab Scroller Menu re-position problem


    For Ext 4.2.1.789, this bug can be easily replicated using Ext samples of /examples/tabs/tab-scroller-menu.html.

    For an overflow menu on a TabPanel when there are more tabs than can be displayed, if you scroll to expose a hidden tab and click on it, the whole tab scrolls all the way to the left thus hides the clicked tab again. The only exception is the last tab.

    *EDIT BY SLEMMON
    Tested in 4.2 and while the behavior described wasn't observed there was some odd focus behavior where at times the focused tab while already in view would be scrolled to the middle of the tabbar.
    Tested in 4.2.1.744 and 4.2.1.803 and occasionally the selection would behave normally, but much more often than not the behavior described above was observed.

    Code:
    // enable the tabTip config below
    Ext.tip.QuickTipManager.init();
    
    
    var win = Ext.widget('window', {
        constrain: true,
        height: 400,
        width: 600,
        layout: 'fit',
        title: 'Exercising scrollable tabs with a TabScroller menu',
        border: false,
        items: {
            xtype: 'tabpanel',
            activeTab: 0,
            itemId: 'tabPanel',
            items: [{
                title: 'First tab',
                html: 'Creating more tabs...'
            }]
        }
    });
    
    
    win.show();
    
    
    // Add a bunch of tabs dynamically
    var tabLimit = 12,
        tabPanel = win.getComponent('tabPanel');
    
    
    Ext.defer(function (num) {
        var i,
            title,
            tabs = [];
        for (i = 1; i <= tabLimit; i++) {
            title = 'Tab # ' + i;
            tabs.push({
                title: title,
                html: 'Hi, I am tab ' + i,
                tabTip: title,
                closable: true
            });
        }
        tabPanel.add(tabs);
        tabPanel.getComponent(0).body.update('Done!');
    }, 100);
    Last edited by slemmon; 3 May 2013 at 11:40 AM. Reason: added inline test case and additional test notes

  2. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    5,974
    Vote Rating
    212
    slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of

      0  

    Default


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

Thread Participants: 1

Tags for this Thread