[FIXED][3.0] TabPanel enableAutoScroll broken

[mschwartz]

When a tab is added that requires the autoscroll arrows to be rendered to the tab display area at the top of a TabPanel with enableAutoScroll: true, I get this error:

this.pos is undefined at line 22720 of ext-all-debug.js

The code:


// private
createScrollers: function() {
this.pos.addClass('x-tab-scrolling-'+this.tabPosition);

[mschwartz]

Workaround:



listeners: {
render: function() {
this.pos = this.tabPosition=='bottom' ? this.footer : this.header;
}
}

[evant]

?? enableAutoScroll isn't a property on the tab panel, it's enableTabScroll.

Just to confirm, did you have the property name correct?

[mschwartz]

Yeah, typo in my post.

[evant]

Can't confirm this:



Ext.onReady(function(){
var tabs = new Ext.TabPanel({
width: 200,
height: 200,
enableTabScroll: true,
renderTo: document.body,
items: {
title: 'T1'
}
});
new Ext.Button({
renderTo: document.body,
text: 'Foo',
handler: function(){
tabs.add({
title: 'newtab'
});
}
});
});


createScrollers gets called by autoScrollTabs, which sets this.pos.

[mschwartz]

Using your exact code with ext-3.0-rc1:

Click on "foo" button 4 times, firebug stops at line 22720 of ext-all-debug.js:


// private
createScrollers: function(0 {
this.pos.addClass('x-tab-scrolling-' + this.tabPosition);


this.pos is undefined

createScrollers()()
autoScrollTabs()()
delegateUpdates()()
onAdd()(Object initialConfig...)
&c

[mschwartz]

You can mark this closed since it works for you. It will work for me when I get the changes to the code you guys have been making, perhaps RC2 fixed it.

[evant]

Yeah, works ok for me, must be a bug in one of the RC's.