Results 1 to 6 of 6

Thread: Long Links Disappear in IE7

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    4
    Vote Rating
    0
      0  

    Default Long Links Disappear in IE7

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

    scrnsht.png

    Code:
    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.

  2. #2
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,790
    Answers
    583
    Vote Rating
    391
      0  

    Default

    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.

  3. #3
    Sencha User
    Join Date
    Nov 2011
    Posts
    4
    Vote Rating
    0
      0  

    Default

    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!

    Code:
    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'
        });
    });

  4. #4
    Sencha User
    Join Date
    Nov 2011
    Posts
    4
    Vote Rating
    0
      0  

    Default

    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.

  5. #5
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,790
    Answers
    583
    Vote Rating
    391
      0  

    Default

    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?

  6. #6
    Sencha User
    Join Date
    Nov 2011
    Posts
    4
    Vote Rating
    0
      0  

    Default

    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.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •