md-select仅适用于OS X上的第一次单击

Question

我在电子应用程序中使用angularjs(1.x)和angular-material.我md-select在视图中有两个s,当我尝试在Windows中使用它时一切正常.但是当我在OS X中使用它时,md-select第一次点击后停止工作.我点击它然后打开项目列表,但是如果我md-select再次点击它,它就不再显示项目列表了.值得注意的是,如果我点击第一个md-select,第二个也md-select停止工作.

检查html,我可以看到,md-select有两个子元素:md-select-value和div(md-select-menu-container).单击并选择任何项目后,md-select-menu-container消失.也许它与问题有关,但第二个md-select仍然有一个md-select-menu-container我无法打开它.

即使尝试了一个简单的md-select没有任何选项,它仍然只在第一次点击时打开.

<md-select ng-model="vm.test">
</md-select>

任何人都知道为什么会这样吗？

我会把我的代码放在这里,但我认为这个bug在我项目的其他地方.因为如果我md-select在角度材料的演示页面中尝试s,它会按预期工作.

我的项目是在github,所以任何人都可以尝试:https: //github.com/jradesenv/controle-projeto

更新:

我已经创建了一个带有nodejs express的简单服务器来托管角度应用程序,它在chrome和safari上完美运行.它似乎只是一个电子的错误.我注意到它不仅是md选择,而且md-dialogs和md-toast也有一些奇怪的延迟打开和关闭,只在电子中运行.

谢谢!

Answer 1

我使用 Angular Material 1.1.5 时出现此错误。当我将其降级到 1.1.0 时，我可以看到 mdSelects 按预期工作，但仍然出现一些其他错误，例如 mdDialog 关闭延迟、更改选项卡延迟等。这是角度材质动画的错误。

对于遇到此问题的任何人，我仍在使用 Angular-Material 1.1.5 ，但我仅在 Safari 中禁用了所有动画，现在它按预期工作。

我使用此代码注入特定的 css 文件和引导 angularjs，并在特定的 css 文件中禁用所有动画：

function boot() {
    if (/Safari/.test(navigator.userAgent)) {
        var head = document.head,
        style = document.createElement('link');

        style.type = 'text/css';
        style.rel = 'stylesheet';
        style.href = 'styles/disable-animations.css';

        head.appendChild(style);
    }

    window.onload = function () {
        angular.bootstrap(document, ['app']);
    };
}

//styles/disable-animations.css 文件

* {
transition: none!important;
transition-duration: 0ms!important;
transition-delay: 0ms!important;
}