Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Meinhard Schnoor
80
igx-combo on igx-dialog
posted

I placed a igx-combo inside a form on an igx-dialog. The problem is that the items of the combo are displayed behind the dialog. Am I doing something wrong or is this not possible?

<igx-dialog #editRecordDialog title="{{'Termin bearbeiten'}}"
leftButtonLabel="{{'Verwerfen'}}"
(onLeftButtonSelect)="discardEvent(editRecordForm)"
(onRightButtonSelect)="updateEvent(editRecordForm)"
rightButtonLabel="{{'Speichern'}}"
[closeOnOutsideSelect]="false">
<div class="dialog-form-container">
<form class="dialog-form" #editRecordForm="ngForm">
...
<div class="igx-combo">
<igx-combo #remoteCombo class="input-container" width="500px" [itemsMaxHeight]="300" [data]="kunden | async" [valueKey]="'Id'"
[displayKey]="'Id'" (onDataPreLoad)="dataLoading($event)" (onSearchInput)="searchInput($event)" (onOpening)="searchInput(null)"
placeholder="Kunde" searchPlaceholder="Suchen..." [filterable]="true">
</igx-combo>
</div>
...
TIA
Meinhard