使用触摸式笔记本电脑/屏幕在Chrome浏览器中拖放& -drop和Dockbar菜单无效

时间:2016-02-24 10:16:46

标签: liferay liferay-6

我一直在使用Liferay 6.2.1 CE GA2,这两个问题都可以在Chrome中重现(仅限)。我还确认您会在最新的Liferay 6.2.5 CE GA6上找到上述两个问题。我进一步深入研究并确定这些问题主要在Liferay 6.2.2 CE GA3中修复。

我的问题是我无法找到修复这些问题的相关故障单,因为我只需要这些修复程序(无法升级)。如果有人可以指出确切的门票,那将是感激的。

非常感谢提前。

1 个答案:

答案 0 :(得分:1)

经过研究和代码调试,我已经能够解决这两个问题。 想在这里分享我的发现,因为这可能对其他人有帮助。

  
      
  1. 无法拖放 - & -drop portlets:
  2.   

修复:将合金拉链(\portal-web\third-party\alloy-2.0.0.zip)升级到2.0.0.37或更高版本可以解决此问题。因为,这是Liferay 6.2 GA2 - GA6之间唯一的zip升级。

  

2。 Dockbar菜单无法点击:

修复:通过以下自定义javascript hack解决了这个问题:

var isOpera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
var isChrome = !!window.chrome && !isOpera;

/* Run code, if application is running on touch device with chrome */
if(isTouchDevice() && isChrome){
    var docbar_dropdowns = 
        document.querySelectorAll('li.admin-links, li.my-sites, li.user-avatar');

    /* Attach click event */
    if(docbar_dropdowns.length > 0){    
        for(var d = 0; d < docbar_dropdowns.length; d++){
            docbar_dropdowns[d].addEventListener("click", toggleMenu, false);
        }
    }

    /* Toggle menu on click */
    var elementId = null;
    function toggleMenu(event){
        event.stopPropagation();
        if(elementId != null && elementId != this.id)
            hideMenu();

        elementId = this.id;

        if(this.children[1].style.display == "block"){
            this.classList.remove("open");
            this.children[1].style.display = "none";
        }else{
            this.classList.add("open");
            this.children[1].style.display = "block";
        }
    }

    /* Hide previously opened menu */
    function hideMenu(){
        for(var d = 0; d < docbar_dropdowns.length; d++){
            docbar_dropdowns[d].classList.remove("open");
            docbar_dropdowns[d].children[1].style.display = 'none';
        }
    }

    document.body.addEventListener("click", hideMenu, false);
}

/* Detect touch device */
function isTouchDevice() {
    return (('ontouchstart' in window)
    || (navigator.MaxTouchPoints > 0)
    || (navigator.msMaxTouchPoints > 0));
}

注意:在我们的环境中,这两个问题只能在触摸设备上的Chrome中重复使用/在触摸式笔记本电脑上使用鼠标。