md-select sadece ilk tıklama OS X

Question

üzerinde çalışır Ben bir elektron uygulamasında angularjs (1.x) ve açısal malzeme kullanıyorum. Bir görünümde iki md-select s var ve bunu windows'ta kullanmaya çalıştığımda her şey iyi çalışıyor. Ancak OS X'de kullandığımda, ilk tıklamadan sonra md-select çalışmayı durdurur. Onu tıklıyorum ve öğelerin listesini açar, ancak md-select'u tekrar tıklatırsam, artık öğe listesini göstermez. İlk md-select'u tıklarsam, ikinci md-select'un da çalışmayı durdurduğuna dikkat edin.

html'yi inceleyerek, md-select'un iki alt öğeye sahip olduğunu görebiliyorum: md-select-value ve div(md-select-menu-container). Herhangi bir öğeyi tıklatıp seçtikten sonra md-select-menu-container kaybolur. Belki de konuyla ilgili, ancak ikinci md-select hala bir md-select-menu-container sahip ve ben açamıyorum.

Kolayca md-select'u hiçbir seçenek olmadan denediniz ve hala yalnızca ilk tıklatmayla açılır.

Bunun neden olduğu hakkında herhangi bir fikri olan var mı?

Kodumu buraya koyardım, ama bence projemde başka bir yer var. Çünkü md-select s açısal malzemenin demo sayfasında dener, beklendiği gibi çalışır. Herkes denemek böylece

Projem, github içinde: https://github.com/jradesenv/controle-projeto

GÜNCELLEME: Ben nodejs ile basit bir sunucu oluşturduk

açısal app barındırmak için ifade ve mükemmel çalışır krom ve safari üzerinde. Sadece elektron ile bir böcek gibi görünüyor. Sadece md-seçimlerinin değil, md-diyalogların ve md-toast'ın da sadece elektronda çalışarak açılıp kapanmak için bazı garip gecikmeler olduğunu fark ettim.

Teşekkürler!

Answer 1

Bu hatayla açısal malzeme 1.1.5 kullanıyordum. 1.1.0 değerine düşürdüğümde, mdSelects'in beklendiği gibi çalıştığını görebiliyorum, fakat hala mdDialog'daki gecikme, sekmeleri değiştirmek için gecikme, vb. Gibi gecikme gibi başka hatalar var. Açısal-malzeme animasyonları olan bir hata.

Bu sorun yaşayan herkes için, hala açısal malzeme 1.1.5 kullanıyorum, ancak tüm animasyonları yalnızca Safari'de devre dışı bıraktım ve şimdi beklendiği gibi çalışıyor.

Belirli bir css dosyası ve önyükleme angularjs enjekte etmek bu kodu kullanıyorum ve belirli css dosyasında tüm animasyonları devre dışı bırakın:

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 dosyasını

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