Seleziona il menu a discesa in modal utilizzando Angular 1.29 e l'ultima versione di Chrome 47

Question

Stiamo riscontrando un problema con un normale menu a discesa <select> situato all'interno di un modale utilizzato da un componente Angolare. Questo ha funzionato in precedenza, ma ora con l'aggiornamento a Chrome 47 non funziona più - non ci sono assolutamente errori generati sulla console javascript, è completamente silenzioso.

Lo spostamento del menu a discesa al di fuori del modale in una pagina normale funziona, quindi è specificamente correlato alla posizione all'interno di un modale e in particolare a un componente angolare.

angolare 1,29 Chrome 47

Qualsiasi aiuto sarebbe molto apprezzato.

Answer 1

Questo problema è stato il bug descritto qui: https://code.google.com/p/chromium/issues/detail?id=565132

Answer 2

Ho riscontrato lo stesso problema con Angular 1.26. Ho aggiornato alla 1.4.5 e funziona correttamente.

Tutto quello che dovevo fare per l'aggiornamento era aggiungere il seguente tag script al mio file index.html.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> 

Answer 3

Il problema sembra essere in particolare con la direttiva NG-opzioni per l'elemento di selezione. Se invece usi un elemento opzione incorporato con una ripetizione ng, quelli funzionano bene. Certo, questo è solo fino a quando le opzioni non sono dinamici ...

Questo non funziona:

<select ng-options="item in data.myList"></select> 

Questo fa:

<select> 
    <option ng-repeat="item in data.myList">{{item.text}}</option> 
</select> 

Answer 4

La soluzione che ho trovato è quello di scarica la versione aggiornata 1.2.x (legacy) (che al momento è 1.2.29) da angular website.

Perché in alcuni casi la versione 1.4.x stabile non è compatibile con le applicazioni precedentemente scritte con 1.2.

Answer 5

Per una rapida svolta abbiamo aggiornato la versione angolare a v1.2.17 che ha specificamente la correzione per questo problema ed è andata bene in produzione. Tuttavia, per essere al sicuro, è sempre meglio mantenere l'aggiornamento angolare al suo ultimo campionato, più o meno frequentemente. (Attualmente, v1.2.29 è l'ultimo della lega v1.2). Ho provato ad aggiornare il browser Chrome a 48 beta e non è stato risolto il problema (quindi non possiamo nemmeno aspettarci che la prossima versione di Chrome ottenga la correzione). La soluzione migliore sta per essere aggiornata.