Long Links Disappear in IE7

[biscuitsaredelicious]

Links with text longer than the width of the TreePanel disappear in Internet Explorer IE 7, but not 8. Like so:

scrnsht.png

Ext4.create('Ext.tree.Panel', {
                title: 'Assay Data Review',
                width: 250,
                height: 475,
                store: store,
                autoScroll: true,
                scroll: true,
                rootVisible: false,  
                renderTo: 'leftmenupanel',    
                collapsible: true,
                closeable: true,
                lines: false,
                multiSelect: false,
                preventHeader: false,
                resizable: false,       
                singleExpand: false,    
                useArrows: true
});

Don't know if it's related or relevant, but a horizontal scrollbar does not appear despite attempting to set both autoScroll and scroll.

[skirtle]

What do you mean by links? They appear blue in your screenshot but trees don't normally contain blue links. Could you give a complete test case, including data? Please remove as many config options as possible, try to get it down to a minimal test case.

[biscuitsaredelicious]

This should do. I have two folders, one with a link that has really long text (longer than the width), and the other short. The long text disappears in IE7.

scrnsht.png

The links are blue because of the site styling.

Thank you for your help!

Ext.onReady(function(){
    var store2 = Ext4.create('Ext.data.TreeStore', {
        root: {
            expanded: true, children: 
            [ { text: "Bacterial Assays", expanded: false, children:
                   [{ text: "supercalifragilisticexpialidociousblahblahblah", leaf: true, href: "www.google.com" }]
               },
               { text: "Whole Genome Sequencing (WGS)", expanded: false, children: 
                   [{ text: "Super", leaf: true, href: "www.google.com" }] 
               } ]
           }
    });

    Ext4.create('Ext.tree.Panel', {
        title: 'Assay Data Review',
        width: 250,
        height: 475,
        store: store2,
        rootVisible: false,
        renderTo: 'leftmenupanel'
    });
});

[biscuitsaredelicious]

I believe the problem is exactly this:

http://www.sencha.com/forum/showthre...ndling-in-tree

While there is a workaround for IE8, I have no knowledge of one for IE7, that bastion of unhappiness.

[skirtle]

Are you using 4.0.7? If you are then it would be worth weighing in on that thread. It hasn't been picked up by Sencha yet and unless someone bumps it as a bug in 4.0.7 it's unlikely to get fixed soon.

Does your test case fail the same if you remove the hrefs?

[biscuitsaredelicious]

It's using 4.0.2a.

I am setting it up on 4.0.7. If the bug persists, I will move this to the other thread.

Thanks for your help.