Extjs子菜單消失在Chrome 43上

Question

如何修復子菜單在Chrome 43中消失？

使用ExtJS的4

這是在Chrome的早期版本中工作。

Answer 1

需要添加此覆蓋以修復此問題。

https://www.sencha.com/forum/showthread.php?301116-Submenus-disappear-in-Chrome-43-beta

（感謝festr上煎茶論壇的用戶 - 認爲這需要上也是如此）

// 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); 
    } 
}); 

Answer 2

在關於同一鏈接，https://www.sencha.com/forum/showthread.php?301116-Submenus-disappear-in-Chrome-43-beta，這裏有一個更一般的，非具體修復由於通過SIQ發佈＃27：

Ext.apply(Ext.EventManager,{ 
    normalizeEvent: function(eventName, fn) { 

     //start fix 
     var EventManager = Ext.EventManager, 
      supports = Ext.supports; 
     if(Ext.chromeVersion >=43 && eventName == 'mouseover'){ 
      var origFn = fn; 
      fn = function(){ 
       var me = this, 
        args = arguments; 
       setTimeout(
        function(){ 
         origFn.apply(me || Ext.global, args); 
        }, 
        0); 
      }; 
     } 
     //end fix 

     if (EventManager.mouseEnterLeaveRe.test(eventName) && !supports.MouseEnterLeave) { 
      if (fn) { 
       fn = Ext.Function.createInterceptor(fn, EventManager.contains); 
      } 
      eventName = eventName == 'mouseenter' ? 'mouseover' : 'mouseout'; 
     } else if (eventName == 'mousewheel' && !supports.MouseWheel && !Ext.isOpera) { 
      eventName = 'DOMMouseScroll'; 
     } 
     return { 
      eventName: eventName, 
      fn: fn 
     }; 
    } 
}); 

這已經在我結束測試，我可以驗證它的工作原理（v 4.1.2）。