Wählen Sie Drop-Down in Modal unter Verwendung von Angular 1.29 und der neuesten Chrome 47

Question

Wir haben ein Problem mit einer normalen <select> Drop-Down in einem Modal von einer eckigen Komponente verwendet. Dies hat vorher funktioniert, aber jetzt mit dem Upgrade auf Chrome 47 nicht mehr - es sind absolut keine Fehler auf der Javascript-Konsole generiert, es ist völlig still.

Das Verschieben des Dropdown-Menüs außerhalb des Modals in eine reguläre Seite funktioniert, sodass es sich speziell darauf bezieht, dass es in einem Modal und speziell in einer Angular-Komponente liegt.

Angular 1,29 Chrome 47

Jede Hilfe wäre sehr dankbar.

Answer 1

Dieses Problem der Fehler wurde hier beschrieben: https://code.google.com/p/chromium/issues/detail?id=565132

Answer 2

Ich hatte das gleiche Problem mit Angular 1.26. Ich aktualisierte auf 1.4.5 und es funktioniert korrekt.

Alles, was ich tun musste, um zu aktualisieren, war das Hinzufügen des folgenden Skript-Tags zu meiner index.html-Datei.

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

Answer 3

Das Problem scheint für das ausgewählte Element mit der ng-Optionen Richtlinie speziell zu sein. Wenn Sie stattdessen ein eingebettetes Optionselement mit einem ng-repeat verwenden, funktionieren diese gut. Zugegeben, das ist nur so lange, wie Sie Ihre Optionen nicht dynamisch sind ...

dies nicht funktioniert:

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

Dies tut:

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

Answer 4

Die Lösung, die ich gefunden habe, ist zu Download frisch 1.2.x (Legacy) Version (die im Moment 1.2.29 ist) von angular website.

Da in einigen Fällen stabile 1.4.x-Version nicht mit Anwendungen kompatibel ist, die zuvor mit 1.2 geschrieben wurde.

Answer 5

Für eine schnelle Wende haben wir die eckige Version auf Version 1.2.17 aktualisiert, die speziell für dieses Problem geeignet ist und in der Produktion gut lief. Aber um sicher zu sein, ist es immer am besten, um mehr oder weniger häufig Winkel zu seinen neuesten seiner Liga zu aktualisieren. (Derzeit ist v1.2.29 das neueste von v1.2 Liga). Ich habe versucht, den Chrome-Browser auf 48 Beta zu aktualisieren und es hat das Problem auch nicht gelöst (wir können also nicht erwarten, dass die nächste Version von Chrome den Fehler beheben wird). Die beste Lösung besteht darin, sie zu verbessern.