Results 1 to 2 of 2

Thread: Drop Down menu not collapsing if clicking on iframe

  1. #1
    Sencha Premium Member
    Join Date
    Aug 2013
    Posts
    6

    Default Drop Down menu not collapsing if clicking on iframe

    Hi

    I have drop down menu in the header which is followed by iframe. When I click on menu its shows the drop down list but when I click outside the menu (i.e. on iframe) it doesn't collapse. following are the code snippets for drop down and panel

    // report menu bar
    var toolbar = Ext.create('Ext.toolbar.Toolbar', {
    region: "north",
    height: 25,
    loadMask: false,
    items: ["->",{
    id: "historyBtn",
    text: TXID.WEB_REPORT_HISTORY,
    menu: {
    items: historyMenu
    }
    }]
    });


    // report result panel
    var reportPanel = Ext.create('Ext.panel.Panel', {
    id: "reportPanel_region",
    region: "center",
    border: false,
    layout: 'border',
    items:
    [listTree, {
    id: 'reportPanel',
    border: false,
    region: 'center',
    html: "<iframe id='resultReport' class='reportFrame' src='/enteliweb/report/display/ReportID/8da97974-fedb-11e2-a3c1-009027a35fba/data' frameborder='0'></iframe>"
    }]
    });

    dropdown.JPG

    Please refer the screenshot and please suggest me how to collapse the drop down menu list if click on iframe?


    Thanks
    Arfath

    dropdown.JPG

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,409
    Answers
    716

    Default

    The iframe is eating the mouse click. You will have to code around this .. a bit tricky.

    Scott.

Posting Permissions

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