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
    Vote Rating
    0
      0  

    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
    Vote Rating
    504
      0  

    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
  •