1. Zuhause
  2. Frage und Antwort
  3. Angular ui-Auswahloptionen zeigen hinter dem Modal, wenn mit Bootstrap Modal verwendet

Angular ui-Auswahloptionen zeigen hinter dem Modal, wenn mit Bootstrap Modal verwendet

2016-05-22 11 views
2

Ich habe Probleme mit Angular ui-select (Ersatz für HTML-Auswahl). Ich habe die Option append-to-body hinzugefügt, so dass es über anderen Elementen angezeigt werden kann.Angular ui-Auswahloptionen zeigen hinter dem Modal, wenn mit Bootstrap Modal verwendet

Aber ich habe ein Problem, dass, wenn es über Bootstrap-modal verwendet wird, zeigt es keine Liste der Optionen. Tatsächlich zeigt es, dass die Liste der Optionen hinter dem Modal angezeigt wird, wie Sie auf dem Bild sehen können.

Gibt es eine Problemumgehung, die auftritt?

enter image description here

Quelle

2016-05-22 ua_boaz

Antwort

2

Einfach ein z-index CSS-Eigenschaft größer als 1050 für das übergeordnete Element des ui-select Element hinzufügen.

Warum größer als 1050?

Da die z-index auf der .modal Klasse 1050 so eingestellt ist, müssen wir höher liefern z-index des übergeordneten Elements des Dropdown so dass sie oberhalb der modale in z-Achse erscheinen.

Quelle

2016-05-22 14:09:10

+0

hallo Ich benutze einen Wrapper um ui-select, so dass die Z-Index-Eigenschaft zu allen UI-Select-Komponenten hinzugefügt wird, in meiner Anwendung habe ich gerade festgestellt, dass dies eine Nebenwirkung verursacht. Wenn ich nun ein modales Popup öffne, zeigt es die Comboboxen oben auf dem Modal, die sich auf der Seite befinden. Irgendeine Lösung dafür? –

+0

Können Sie ein Plunkr/Fiddle oder SO-Snippet für dasselbe bereitstellen? –

Verwandte Themen

 Verwandte Themen