PDA

View Full Version : [4.1 Beta 1] Tree nodes ultra wide



slemmon
29 Dec 2011, 9:35 AM
I found that in one app the tree panel has a horizontal scroll bar that's super wide. Below is a boiled down example script. I was able to reproduce the error in IE8 and FF5 from a web server.

When I run the same from the filesystem I don't get the scrollbar. I tested with the filesystem on my other computer with FF9, IE9, and Chrome16.



Ext.onReady(function () {
Ext.widget('viewport', {
layout: 'border'
, items: [{
region: 'center'
, dockedItems: [{
xtype: 'toolbar'
, dock: 'top'
, items: ['->', {
text: 'one'
}, {
text: 'two'
}, '->']
}]
, layout: 'card'
, items: [{
layout: 'border'
, items: [{
xtype: 'treepanel'
, region: 'west'
, width: 200
, store: Ext.create('Ext.data.TreeStore', {
root: {
children: [{
text: 'My Node'
, children: [{
text: 'Leaf'
, leaf: true
}]
}]
}
})
}, {
xtype: 'tabpanel'
, region: 'center'
, items: [{
title: '...app/module'
, itemId: 'perm'
}]
}]
}]
}]
})
})

slemmon
29 Dec 2011, 9:43 AM
Here's a partial screenshot from the previous example code.


30364

slemmon
3 Jan 2012, 12:54 PM
Went ahead and entered as a bug:
http://www.sencha.com/forum/showthread.php?170603-4.1-B1-Tree-horizontal-scroll-%28node-wider-than-owning-container%29