angularjs - ngDialog 保持关闭状态，直到鼠标移动停止

Question

我正在使用 ngDialog Angular 指令并在 Chrome 中进行测试。如果您查看 DOM(使用 Chrome 工具)，您会注意到当您关闭 ngDialog 时，它将保持在“ngdialog-closing”状态，直到鼠标移动停止。在此期间，DIV 覆盖层保持打开状态，您无法单击它后面的任何内容。

http://likeastore.github.io/ngDialog

https://github.com/likeastore/ngDialog/blob/master/js/ngDialog.js

有谁知道这是为什么以及如何解决这个问题？

Answer 1

经过一番研究，这似乎是由 CSS 动画引起的。当我完全禁用它们时，我没有遇到这个问题。

这似乎可以解决问题。我用设置为动画长度的超时替换了 animationend 事件的绑定(bind)。有了这个，Chrome 中的用户体验要好得多。

if (animationEndSupport && !options.disableAnimation) {
    scope.$destroy();
    $timeout(function () {
        privateMethods.closeDialogElement($dialog, value);
    }, 500);
    //$dialog.unbind(animationEndEvent).bind(animationEndEvent, function () {
    //    privateMethods.closeDialogElement($dialog, value);
    //});
    $dialog.addClass('ngdialog-closing');
} else {
    scope.$destroy();
    privateMethods.closeDialogElement($dialog, value);
}