[4.0.0] Borderless tree panel shows top line

[dloew]

Hi,
this is reorder.js from examples folder, I just removed title, border and dockedItems. The tree still shows a blue border line on the top.

Ext.require([
    'Ext.tree.*',
    'Ext.data.*',
    'Ext.tip.*'
]);

Ext.onReady(function() {
    Ext.QuickTips.init();
    
    var store = Ext.create('Ext.data.TreeStore', {
        proxy: {
            type: 'ajax',
            url: 'get-nodes.php'
        },
        root: {
            text: 'Ext JS',
            id: 'src',
            expanded: true
        },
        folderSort: true,
        sorters: [{
            property: 'text',
            direction: 'ASC'
        }]
    });

    var tree = Ext.create('Ext.tree.Panel', {
	border: false,
        store: store,
        viewConfig: {
            plugins: {
                ptype: 'treeviewdragdrop'
            }
        },
        renderTo: 'tree-div',
        height: 300,
        width: 250,
        //title: 'Files',
        useArrows: true,
       /* dockedItems: [{
            xtype: 'toolbar',
            items: [{
                text: 'Expand All',
                handler: function(){
                    tree.expandAll();
                }
            }, {
                text: 'Collapse All',
                handler: function(){
                    tree.collapseAll();
                }
            }]
        }]*/
    });
});

How can I remove that line?

Greetings

[gelleneu]

You should play with:

bodyStyle: {border:0}

and

border: false

Set one or both of true / 1 and to false etc..
Perhaps, one combination will work..

[dloew]

Thank you.
bodyStyle: {border:0}
solved it!

[lmalgras]

Although you indicate in the EXTJSIV-3499 topic that this bug has been fixed in 4.1.0, I still encounter this issue.

To reproduce, I have just added

border: false

to the first tree of "Multiple trees" example.