[OPEN] [#806] Possible BUG in Menu Horizontal with Chrome

  1. #1

    [OPEN] [#806] Possible BUG in Menu Horizontal with Chrome

    I have a problem with Menu Horizontal component, when mouse is over a MenuItem I cant click on it because hide this Menu.
    I'm testing with another browsers but only happens with Chrome:

    Ext.Net Version 2.5.3 (Pro)
    Google Chrome Version 43.0.2357.65 m (FAIL)
    Internet Explorer Version 11.0.9600.17801 (OK)
    Firefox Version 36.0.1 (OK)
    Safari Version 5.1.7 (7534.57.2) (OK)
    Opera Version 27.0.1689.76 (OK)

    You can test and reproduce it whit this sample
    https://examples2.ext.net/#/Toolbar/...rizontal_Menu/

    I made a video with this possible bug:

    In this video when I use chrome, seem like I'm clicking the options, but not I'm only moving the mouse over the MenuItem options.
    Last edited by Daniil; May 30, 2015 at 2:56 PM. Reason: [OPEN] [#806]
  2. #2
    I am having the same bug even in Extjs. It's happening even in the sencha website as well!!
    http://docs.sencha.com/extjs/6.0/6.0.../Ext.grid.Grid
  3. #3
    Thanks to @price56k I found the solution in ExtJS Forum:

    Option 1:
    https://www.sencha.com/forum/showthr...=1#post1100886

    Option 2:
    https://www.sencha.com/forum/showthr...=1#post1101291

    I't will be great if Ext.Net Team make the same correction.

    Thanks!
    Last edited by equiman; May 25, 2015 at 2:04 PM.
  4. #4
    I'm sorry for the silly question, but how I can apply the patch to my Ext.Net project?
    In which file I must add this code?

    // fix hide submenu (in chrome 43)
    Ext.override(Ext.menu.Menu, {
        onMouseLeave: function(e) {
        var me = this;
    
    
        // BEGIN FIX
        var visibleSubmenu = false;
        me.items.each(function(item) { 
            if(item.menu && item.menu.isVisible()) { 
                visibleSubmenu = true;
            }
        })
        if(visibleSubmenu) {
            //console.log('apply fix hide submenu');
            return;
        }
        // END FIX
    
    
        me.deactivateActiveItem();
    
    
        if (me.disabled) {
            return;
        }
    
    
        me.fireEvent('mouseleave', me, e);
        }
    });
    Thanks
  5. #5
    Found the place. At first, I thought to modify some file of the Ext.NET library ...

    Thanks
    Last edited by thece; May 28, 2015 at 12:10 PM.
  6. #6
    Hello!

    Thank you for the report and investigation! Created an Issue:
    https://github.com/extnet/Ext.NET/issues/806

    I am a little bit reluctant to apply those fixes, because I am not sure it doesn't break something else.

    So, for know we are just keeping an eye on that.

    Also there is probably a chance that it might be resolved with a next Chrome release.
  7. #7
    the bug only occurs current version of Chrome v43, v42 and new beta v44 is ok.
  8. #8
    and new beta v44 is ok
    Great information, thanks!

Similar Threads

  1. [CLOSED] IE7 Horizontal ScrollBar
    By cwolcott in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: May 01, 2015, 4:13 PM
  2. Replies: 6
    Last Post: Nov 12, 2014, 8:35 PM
  3. Replies: 2
    Last Post: Sep 05, 2014, 9:09 AM
  4. [CLOSED] How to create Horizontal menu
    By randhir in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 19, 2013, 6:57 PM
  5. Replies: 2
    Last Post: Apr 02, 2012, 7:48 AM

Posting Permissions