Results 1 to 9 of 9

Thread: creeping context menu

  1. #1
    Ext JS Premium Member
    Join Date
    Oct 2011
    Posts
    54
    Vote Rating
    0
      0  

    Default creeping context menu

    Each time I display a context menu (via right click in my case) the popup menu creeps down the screen. Its shadow displays in the correct place but the menu itself gets further and further down the screen

  2. #2
    Sencha - Documentation Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,162
    Vote Rating
    257
      0  

    Default

    What browser are you seeing that in? And is the context menu an Ext.menu.Menu?

  3. #3
    Ext JS Premium Member
    Join Date
    Oct 2011
    Posts
    54
    Vote Rating
    0
      0  

    Default

    IE9 and chrome

    yes, Ext.menu.Menu

  4. #4
    Sencha - Documentation Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,162
    Vote Rating
    257
      0  

    Default

    I see. I'm not seeing the creep anomaly, but I am seeing the menu detached from the shadow. The shadow is positioned correctly and the menu is down below it.

    Interestingly, when I run the same script below in by filesystem I'm good - no issues in FF9, IE9, or Chrome16. But when I publish and test from my second computer off of the web server in IE8 or FF5 is when I see the disembodied menu issue. I'm posting my test case below and a screenshot.

    *maybe it's fixed already after be Beta cutoff? See this post for reference: http://www.sencha.com/forum/showthre...p-shadow-error

    But, if not, and you're seeing something different you might post your test case as well.

    Code:
    Ext.onReady(function () {
        var menu = Ext.widget('menu', {
            items: [{
                text: 'menu item 1'
            }, {
                text: 'menu item 2'
            }]
        })
    
        Ext.widget('grid', {
            width: 200
            , height: 200
            , renderTo: Ext.getBody()
            , columns: [{
                header: 'one'
                , dataIndex: 'one'
            }, {
                header: 'two'
                , dataIndex: 'two'
            }]
            , store: Ext.create('Ext.data.Store', {
                fields: ['one', 'two']
                , data: [{
                    one: 'first'
                    , two: 'second'
                }, {
                    one: 'third'
                    , two: 'fourth'
                }]
            })
            , listeners: {
                itemcontextmenu: function (view, record, item, i, e, opt) {
                    e.preventDefault()
                    menu.showAt(e.getXY())
                }
            }
        })
     })
    menu_shadow.PNG

  5. #5
    Ext JS Premium Member
    Join Date
    Oct 2011
    Posts
    54
    Vote Rating
    0
      0  

    Default

    it is creeping down. Each time you invoke the menu it is a little further down the screen. I dont mean that it moves of its own accord, just that each display is a little lower

  6. #6
    Sencha User
    Join Date
    Oct 2011
    Posts
    17
    Vote Rating
    0
      0  

    Default

    I have a similar problem with the following simple code:

    Code:
            
    Ext.onReady(function(){
                var win=Ext.create('Ext.window.Window',{
                    title:'Window',
                    plain:true,
                    items:[{
                            xtype:'splitbutton',
                            text: 'button',
                            menu: new Ext.menu.Menu({
                                items: [
                                    {text: 'item1'},
                                    {text: 'item2'},
                                    {text: 'item3'}
                            ]})
                    }]
                });
                win.show();
            });

    If I put the config "plain" to false, the problem disappears.

  7. #7
    Sencha User
    Join Date
    Feb 2013
    Posts
    3
    Vote Rating
    0
      0  

    Default

    I am also having the same problem too.
    This can be reproduced in the kitchen sink demo too..
    To reproduce this, resize the page to smaller window so that panels will have scroll bars, and click on menu and scroll the page.

    http://docs.sencha.com/ext-js/4-2/extjs-build/examples/build/KitchenSink/ext-theme-neptune/#menu-bottom-buttons

    Thanks!!

  8. #8
    Sencha - Documentation Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,162
    Vote Rating
    257
      0  

  9. #9
    Ext JS Premium Member
    Join Date
    Jan 2012
    Posts
    135
    Vote Rating
    0
      0  

    Default

    I am facing the same issue with 4.2 version and the context menu is placed at the bottom of the screen , any inputs on how it should be resolved ?

Posting Permissions

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